Timeline Vuejs
[](https://www.npmjs.com/package/timeline-vuejs)
[](https://www.npmjs.com/package/timeline-vuejs)
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Ftimeline-vuejs)
[Demo Timeline Vue](https://codesandbox.io/s/n094ypklvl)
## 📦 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](https://pablosirera.com), released under the [MIT](https://github.com/pablosirera/timeline-vuejs/blob/master/LICENSE) License.
Authored and maintained by Pablo Sirera with help from [contributors](https://github.com/pablosirera/timeline-vuejs/contributors).
> [pablosirera.com](https://pablosirera.com) · GitHub [Pablo Sirera](https://github.com/pablosirera) · Twitter [@pablosirera](https://twitter.com/pablosirera)