bee-timeline

2.0.2 • Public • Published

bee-timeline

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

常用于当一系列的信息按时间排序的时候或者做个可视化的连接

使用

使用单独的bee-timeline包

组件引入

先进行下载bee-timeline包

npm install --save bee-timeline
import Timeline from 'bee-timeline';
class Demo1 extends Component {
    render () {
        return (
            <Timeline>
                <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
                <Timeline.Item>Solve initial network problems 2015-09-01</Timeline.Item>
                <Timeline.Item>Technical testing 2015-09-01</Timeline.Item>
                <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
            </Timeline>
        )
    }
}
 
render(Demo1,document.getElementById('app'));
 

API

Timeline

Property Description Type Default
pending 设置最后一个虚线节点 (boolean,string,ReactNode) -

Timeline.item

Property Description Type Default
color 设置圆环的颜色 (blue,blue,green)或者其他自定义颜色 -
dot 自定义的时间节点 string,ReactNode -

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-timeline
cd bee-timeline
$ npm install
$ npm run dev

/bee-timeline/

    Package Sidebar

    Install

    npm i bee-timeline

    Weekly Downloads

    12

    Version

    2.0.2

    License

    MIT

    Unpacked Size

    27.9 kB

    Total Files

    20

    Last publish

    Collaborators

    • duxue
    • jwangyangls
    • shaohlr
    • honely1314
    • xiaoshutong
    • yonyoufed
    • jonyw
    • guoyongfeng
    • kvkens
    • whizbz
    • npm_yx
    • bjyxszd
    • tinper-bot
    • houjitong
    • gaox2025f
    • gcht163
    • cnkvkens
    • diozhu
    • wangjings123
    • ahua52