Components
- vuestic-timeline-item - timeline item
- vuestic-timeline - timeline wrapper
Here's the general example:
- <vuestic-timeline vertical centered>
- <vuestic-timeline-item active>
- <template slot="before">
- [date]
- </template>
- <template slot="after">
- [some text]
- </template>
- </vuestic-timeline-item>
- </vuestic-timeline>
vuestic-timeline
- <vuestic-timeline vertical centered>
- <!-- vuestic-timeline-items here -->
- </vuestic-timeline>
Props:
- vertical - Boolean. Default - false.
- centered - String. Default - false.
vuestic-timeline-item
- <vuestic-timeline-item active>
- <template slot="before">
- <div class="vuestic-timeline-item__title">Styled title</div>
- <div class="vuestic-timeline-item__description">Styled description</div>
- </template>
- <template slot="after">
- <div class="vuestic-timeline-item__text">Text aligned symmetrically</div>
- </template>
- </vuestic-timeline-item>
Props:
- active - Boolean. Default - false.