Steps - Keep React
Table of Contents#
Default Step#
The Default Step refers to the fundamental and default configuration of a Steps Component within a user interface. It provides a clear visual representation of each step in a multi-step process.
Step With Border#
The border
variant of the Step Point adds a border around the step indicator, making it more prominent and visually distinct.
Step With Icon#
The icon
variant of the Step Point includes an icon within the step indicator, providing an additional visual cue.
Step Point API Reference#
Explore the available props for the <StepPoint/>
component
Property | Description | Type | Default |
---|---|---|---|
completed | Indicates if the step is completed. | boolean | false |
variant | Variant of the step point. | default border icon | default |
Step Line API Reference#
Explore the available props for the <StepLine/>
component
Property | Description | Type | Default |
---|---|---|---|
completed | Indicates if the step line is completed. | boolean | false |