Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

xy-divider

xueyou200045MIT0.1.0TypeScript support: included

基于React的分割线组件

react, react-component, xy-divider

readme

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

NPM version node version npm download

xy-divider

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.

changelog

Change Log

0.1.0 (Tue Nov 19 2019)

  • 修复reactreact-dom版本不一致导致的问题
  • 测试库迁移到@testing-library/react"

0.0.51 (Tue Sep 03 2019)

  • 清除控制台打印, 优化代码警告

0.0.5 (Sat May 11 2019)

  • 更新依赖

0.0.4 (Sun May 05 2019)

  • 更新xy-manual-tools, 修复编译 demo

0.0.3 (Mon Apr 29 2019)

  • storybook换成xy-manual-tools来管理 demo

0.0.2 (Thu Apr 25 2019)

  • 基本实现

0.0.1 (Thu Apr 25 2019)

  • 初始化项目