@salmanul/react-simple-timeline
v1.9.1
Published
A simple Timeline Component using CSS.
Downloads
17
Maintainers
Readme
React Simple Timeline
A modern and responsive React timeline component using basic CSS. Checkout the examples here!
Contents
Getting started
# via yarn
yarn add @salmanul/react-simple-timeline
# via npm
npm install --save @salmanul/react-simple-timeline
Usage
At the very minimum:
import Timeline from '@salmanul/react-simple-timeline';
import '@salmanul/react-simple-timeline/styles/index.css';
const data = {
status: "initialized",
nodes: [
{
title: "Initialized",
dataIndex: "initialized"
},
{
title: "Acknowledged",
dataIndex: "acknowledged"
},
{
title: "Processed",
dataIndex: "processed"
}
]
}
ReactDOM.render(
<div>
<Timeline
mode='horizontal'
data={data}
/>
</div>,
document.getElementById('root')
)