Chakra UI Steps

Chakra UI Steps makes it super easy to create multi-step interfaces in apps where you are already using Chakra UI. Use it in forms, onboarding, or anywhere you want to lead the user through some logical steps.

Getting Started

Installation

npm

npm install chakra-ui-steps

yarn

yarn add chakra-ui-steps

Features

Horizontal and vertical layouts
Extensible styling
Right to left support
Custom icons
Multiple variants

Usage

In order to get started you will need to extend the default Chakra theme with the provided StepsStyleConfig object, like so:

Once that's done you should be able to use the Steps component in your app!