No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
demo
dist
docs
src
test
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
HISTORY.md
README.md
README_EN.md
index.html
package.json

README.md

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