Stepper - Vue
Stepper
import { Stepper } from '@idds/vue';Contoh Penggunaan
Section titled “Contoh Penggunaan”Contoh 1 - Horizontal Stepper
Section titled “Contoh 1 - Horizontal Stepper”Contoh 2 - Vertical Stepper
Section titled “Contoh 2 - Vertical Stepper”Contoh 3 - Clickable Stepper
Section titled “Contoh 3 - Clickable Stepper”| 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. |
class? | string | — | No | HTML standard class attribute (fallthrough). |
onStepClick? | (stepIndex: number) => void | — | No | Callback saat step diklik. |
errorSteps? | number[] | [] | No | Array of step indices yang memiliki status error (0-indexed). |