StylishTimeline

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.

dotSize

Diameter of the entry dots. Defaults to 12 dp.

lineColor

Color of the connecting line. Defaults to MaterialTheme.colorScheme.outlineVariant.

dotColor

Fill color of the entry dots. Defaults to MaterialTheme.colorScheme.primary.

contentStyle

Typography of StylishTimelineItem.description. Defaults to MaterialTheme.typography.bodyMedium.

titleStyle

Typography of StylishTimelineItem.title. Defaults to MaterialTheme.typography.titleSmall.