Skip to main content Skip to navigation Skip to search

Timeline

Angular Components

ClrTimeline

ClrTimeline component is the container component of all children timeline components. It sets the orientation of the timeline.

Selector & Basic Usage

Bindings

Binding Type Options Default Description
[clrLayout] input horizontal, vertical horizontal Set the orientation of the timeline.

ClrTimelineStep

ClrTimelineStep is the container component for the parts of an individual step. It provides a state input that is reflected in the icon for the step.

Selector & Basic Usage

Bindings

Binding Type Options Default Description
[clrState] input not-started, current, processing, success, error not-started Sets the current state for a step (as reflected in the icon displayed.

ClrTimelineStepHeader

Content which appears above (horizontal) or left of (vertical) the step icon.

Selector & Basic Usage

ClrTimelineStepTitle

Title content for the step.

Selector & Basic Usage

ClrTimelineStepDescription

Description content (including buttons) for the step.

Selector & Basic Usage