![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
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
例子
测试
yarn run test
开源许可
xy-divider is released under the MIT license.