Stepper - React
Stepper
import { Stepper } from '@idds/react';Contoh Penggunaan
Section titled “Contoh Penggunaan”Contoh 1 - Horizontal Stepper
Section titled “Contoh 1 - Horizontal Stepper”Step 1
2
Step 2
3
Step 3
4
Step 4
Contoh 2 - Vertical Stepper
Section titled “Contoh 2 - Vertical Stepper”Step 1
2
Step 2
3
Step 3
4
Step 4
Contoh 3 - Clickable Stepper
Section titled “Contoh 3 - Clickable Stepper”Step 1
2
Step 2
3
Step 3
4
Step 4
Current Step: 2
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
steps | StepperItem[] | — | Yes | Array of step items. |
currentStep | number | — | Yes | Index step yang sedang aktif (0-indexed). |
orientation? | 'horizontal' | 'vertical' | 'horizontal' | No | Orientasi stepper: horizontal atau vertical. |
className? | string | — | No | ClassName tambahan untuk container. |
onStepClick? | (stepIndex: number) => void | — | No | Callback saat step diklik. |
errorSteps? | number[] | [] | No | Array of step indices yang memiliki status error (0-indexed). |