Timeline Vuejs


Demo Timeline Vue

📦 Install

``
npm install timeline-vuejs --save
`

`js
// main.js
import '../node_modules/timeline-vuejs/dist/timeline-vuejs.css'
`

`html
// component.vue

`

🔧 Usage

`html



`

Available props

| Props | Type | Default | Description |
| :----------------- | :------------------: | :----------------------------------------------------- | :---------------------------------------------------------- |
| timelineItems | Array | [ ] | Items value of the timeline |
| messageWhenNoItems | String | | Message when there are no items |
| colorDots | String | #2da1bf | Color of the dots |
| uniqueTimeline | Boolean | false | If true, the timeline isn't separated |
| uniqueYear | Boolean | false | If true, the timeline isn't separated when is the same year |
| order | String (desc or asc) | | Type of order |
| dateLocale | String | Locale of the browser | Type of locale, for example 'en-US' |




Example with order

`html

...
`

Example with unique year

`html

...
`

Example with day and month on title

If you want to show day and month on specific items, send true on prop showDayAndMonth
`html

`

Example with diferent colors


`html

``

License

timeline-vuejs © Pablo Sirera, released under the MIT License.

Authored and maintained by Pablo Sirera with help from contributors.

> pablosirera.com · GitHub Pablo Sirera · Twitter @pablosirera