kapable

Steps

Navigation · 1 export · v0.1.0 · showcase

Discrete progress through a known sequence with semantic current-step state.

Browse 72 component families

Preview

Usage

<Steps label="Setup" current={1} steps={[{ label: 'App' }, { label: 'Review' }]} />

Steps props
prop	type	notes
steps	Step[]
current	number	0-based index of the current step.
label?	string	Accessible name for the nav. Default 'Steps'.
orientation?	'horizontal' \| 'vertical'	'horizontal' (default) or 'vertical' for tall sidebars.
mix?	MixInput