MTimeline is very useful for displaying chronological information.
MTimeline displays a vertical time axis in its simplest form, and it should contain at least one
Colored points can create visual breakpoints, making your timeline easier to read.
The Dense timeline puts everything on the right. In this example,
MAlert replaces the card to provide a different
# Icon dots
Conditionally use icons within the
MTimelineItem's dot to provide additional context.
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.
The Small attribute allows different styles to provide unique designs.
Insert avatars into dots with use of the IconContent slot and
The OppositeContent slot provides an extra layer of customization in your timeline.
If you place a
MCard inside of a
MTimelineItem, a caret will appear on the side of the card.
Modular components allow you to create highly customized solutions that just work.