Stylish Timeline
fun StylishTimeline(items: List<StylishTimelineItem>, modifier: Modifier = Modifier, dotSize: Dp = 12.dp, lineColor: Color = MaterialTheme.colorScheme.outlineVariant, dotColor: Color = MaterialTheme.colorScheme.primary, contentStyle: TextStyle = MaterialTheme.typography.bodyMedium, titleStyle: TextStyle = MaterialTheme.typography.titleSmall)
A vertical list of chronological entries — the web "Timeline" pattern from Ant Design and MUI (lab).
Each entry is marked with a dot on a vertical line; the line connects consecutive entries and ends at the last entry.
Parameters
items
The entries in chronological order.
modifier
Modifier applied to the root column.
dot Size
Diameter of the entry dots. Defaults to 12 dp.
line Color
Color of the connecting line. Defaults to MaterialTheme.colorScheme.outlineVariant.
dot Color
Fill color of the entry dots. Defaults to MaterialTheme.colorScheme.primary.
content Style
Typography of StylishTimelineItem.description. Defaults to MaterialTheme.typography.bodyMedium.
title Style
Typography of StylishTimelineItem.title. Defaults to MaterialTheme.typography.titleSmall.