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 |