# Timelines
MTimeline is very useful for displaying chronological information.
# Usage
MTimeline
displays a vertical time axis in its simplest form, and it should contain at least one MTimelineItem
.
# API
# Examples
# Props
# Color
Colored points can create visual breakpoints, making your timeline easier to read.
# Dense
The Dense timeline puts everything on the right. In this example, MAlert
replaces the card to provide a different
design.
# Icon dots
Conditionally use icons within the MTimelineItem
's dot to provide additional context.
# Reverse
You use the Reverse attribute to determine the direction of the timeline item. This can work in both the default mode and the Dense mode.
# Small
The Small attribute allows different styles to provide unique designs.
# Contents
# IconContent
Insert avatars into dots with use of the IconContent slot and MAvatar
.
# OppositeContent
The OppositeContent slot provides an extra layer of customization in your timeline.
# Default
If you place a MCard
inside of a MTimelineItem
, a caret will appear on the side of the card.
# Misc
# Advanced
Modular components allow you to create highly customized solutions that just work.