Stepper
An ordered list of completable steps.
Importing
1
import { Stepper } from '@infinityfx/fluid';Usage
API reference
Stepper Props
steps?
{ name: string; icon: React.ReactNode; label?: string; error?: boolean; }[]
An array of steps configs. label defaults to a 0-padded index.
completed?
number
The number of completed steps (0-indexed).
setCompleted?
(value: number) => void
Callback function triggered when clicking a navigatable step.
navigation?
'none' | 'forwards' | 'backwards' | 'both'
'backwards'
Controls which steps are navigatable relative to the current completed step.
variant?
'default' | 'compact' | 'vertical'
'default'