Stepper

A stepper component is used to indicate progress through a multi-step process.

    Source@chakra-ui/stepper

Props#

Stepper Props#

indexRequired

Description

The active step index

Type
number

children

Description

The children of the stepper. Must be Step components

Type
ReactElement[]

StepStatus Props#

complete

Description

The element to show when the step is complete

Type
React.ReactNode | ((props: StepContext) => React.ReactNode)

incomplete

Description

The element to show when the step is incomplete

Type
React.ReactNode | ((props: StepContext) => React.ReactNode)

active

Description

The element to show when the step is current

Type
React.ReactNode | ((props: StepContext) => React.ReactNode)

All other components are passed through to their underlying components.

Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by β–² Vercel