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.