Stepper

Stepper is a navigation aid that shows progress through a multistep flow, such as checkout, onboarding, or account setup.

Import

import { Stepper } from '@vortexlabs/vortex';
import type { StepperProps } from '@vortexlabs/vortex';

Stepper props
Prop	Type	Default
`children`	`React.ReactNode`	No default value
`orientation`	`union`	`horizontal`
`variant`	`union`	`inline`
`size`	`union`	`sm`
`textHidden`	`boolean`	No default value
`activeIndex`	`number`	No default value
`defaultActiveIndex`	`number`	`0`
`onChange`	`callback`	No default value
`ariaLabel`	`string`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Stepper.Item props
Prop	Type	Default
`label`	`React.ReactNode`	No default value
`description`	`React.ReactNode`	No default value
`status`	`union`	No default value
`clickable`	`boolean`	`Conditional`
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value