Vue Timeline - Argon

The timeline components helps you to simply create a beautiful timeline for your pages. It contains two components the TimelineList and the TimelineItem.


Demo

Timeline
$2400 Design changes

22 DEC 7:20 PM

People care about how you see the world, how you think, what motivates you, what you’re struggling with or afraid of.

Design
New order #1832412

21 DEC 11 PM

People care about how you see the world, how you think, what motivates you, what you’re struggling with or afraid of.

order#1832412
Server payments for April

21 DEC 9:34 PM

People care about how you see the world, how you think, what motivates you, what you’re struggling with or afraid of.

serverpayments

Props Information

NameTypeDefaultDescription
titleStringIts a prop related to TimelineList and used to set the title for the timeline.
descriptionStringIts a prop related to TimelineList and used to set the description for the timeline.
darkBooleanIts a prop related to TimelineList and used to switch between light and dark mode of the timeline.
color'success' 'primary' 'secondary' 'info' 'warning' 'error' 'dark' 'danger' 'light'Its a prop related to TimelineItem and used to set the TimelineItem color.
icon*ObjectIts a prop related to TimelineItem and used to set the TimelineItem icon. It has the following keys and is a requierd prop.
  1. component of type string.
  2. color of type string.
title*StringIts a prop related to TimelineItem and used to set the TimelineItem title. It is a required prop.
descriptionStringIts a prop related to TimelineItem and used to set the description for the timelineItem.
dateTimeStringIts a prop related to TimelineItem and used to set the TimelineItem date or time.
badgesArrayIts a prop related to TimelineItem and used to set the TimelineItem labels.
Contents