Timelines

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-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.

vuestic-vertical-timeline

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

Props:

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