Skip to main content

Stepper

Multi-step progress indicator.

Import

import { Stepper } from '@kikumi3n/ui';

Usage

<Stepper
activeStep={1}
steps={[
{ label: 'Account', description: 'Create account' },
{ label: 'Profile', description: 'Fill profile' },
{ label: 'Review', description: 'Review & submit' },
]}
/>

API

PropTypeDefaultDescription
stepsStepItem[]requiredStep definitions
activeStepnumber0Current active step index