The Timeline component is the root wrapper. Its props control the layout, orientation, compactness, and icon snapping.

The TimelineItem component represents a single event or step in the timeline. It provides named slots for start, middle, end, and optional horizontal rules.

The TimelineStart component wraps the start label (often a date or step name) and supports boxed styling.

The TimelineMiddle component wraps the icon or marker for the timeline item.

The TimelineEnd component wraps the end label (often a description or event name) and supports boxed styling.

The TimelineLine component renders an <hr> between timeline items. It supports semantic color props or a color prop for customizing the line color.