Timelines

Components

• va-timeline-item - timeline item
• va-timeline - timeline wrapper

Here's the general example:

<va-timeline vertical centered>
  <va-timeline-item active>
    <template slot="before">
      [date]
    </template>
    <template slot="after">
      [some text]
    </template>
  </va-timeline-item>
</va-timeline>

va-timeline

<va-timeline vertical centered>
  <!-- va-timeline-items here -->
</va-timeline>

Props:

• vertical - Boolean. Default - false.
• centered - String. Default - false.

vuestic-timeline-item

<va-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>
</va-timeline-item>

Props:

• active - Boolean. Default - false.