Neutral Point Measurement
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

uxcore-timeline

0.2.6 • Public • Published

uxcore-timeline

React timeline

NPM version build status Test Coverage Dependency Status devDependency Status NPM downloads

Sauce Test Status

Development

git clone https://github.com/uxcore/uxcore-timeline
cd uxcore-timeline
npm install
npm run server

if you'd like to save your install time,you can use uxcore-tools globally.

npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-timeline
cd uxcore-timeline
npm install
npm run dep
npm run start

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/timeline

Contribute

Yes please! See the CONTRIBUTING for details.

何时使用

  • 当有一系列信息需要从上至下按时间排列时;
  • 需要有一条时间轴进行视觉上的串联时;

API

<Timeline>
    <Timeline.Item title='2017-10-25'>
        <p>content1</p>
        <p>content1</p>
    </Timeline.Item>
    <Timeline.Item title='2017-10-26' active>
        <p>content2</p>
        <p>content2</p>
    </Timeline.Item>
    <Timeline.Item title='2017-10-27'>
        <p>content3</p>
        <p>content3</p>
    </Timeline.Item>
</Timeline>

Props

Timeline

时间轴。

Name Type Required Default Comments
className String false 额外类名
pending jsx false 指定最后一个幽灵节点内容

Timeline.Item

时间轴的每一个节点。

Name Type Required Default Comments
className String false 额外类名
color String false 指定节点的色调 orange, blue, gray, green,或自定义的色值
dot jsx false 自定义时间轴点
dotted Boolean false false 虚线连接线
active Boolean false false 指定当前时间节点or处理中状态
title String false 节点的标题

install

npm i uxcore-timeline

Downloadsweekly downloads

21

version

0.2.6

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability