| | | | | | | ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |

xy-divider

分割线组件

安装

# yarn
yarn add xy-divider

使用例子

import React from "react";
import ReactDOM from "react-dom";
import Divider from "xy-divider";
ReactDOM.render(<Divider dashed={true}>分割线</Divider>, container);

API

| 属性 | 说明 | 类型 | 默认值 | | ----------- | ---------------- | ----------------------- | ------------ | | dashed | 是否虚线 | boolean | false | | children | 内容 | React.ReactNode | 无 | | type | 水品还是垂直类型 | "horizontal"/"vertical" | "horizontal" | | orientation | 分割线标题的位置 | "left"/"right"/"center" | "center" |

开发

yarn run start

例子

http://localhost:6006

测试

yarn run test

开源许可

xy-divider is released under the MIT license.