Steps - Keep React

The Steps Component is a user interface element used to guide users through a multi-step process or workflow. It presents a visual representation of the various stages or steps a user needs to complete in sequential order.

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.

1

general info

2

payment details

3

benefits & extras

Step With Border#

The border variant of the Step Point adds a border around the step indicator, making it more prominent and visually distinct.

1

general info

2

payment details

3

benefits & extras

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

PropertyDescriptionTypeDefault
completedIndicates if the step is completed.booleanfalse
variantVariant of the step point.
default
border
icon
default

Step Line API Reference#

Explore the available props for the <StepLine/> component

PropertyDescriptionTypeDefault
completedIndicates if the step line is completed.booleanfalse