Navigation · Stepper + Step
SSR NativeAccessibleStepper
Shows progress through a sequential multi-step workflow.
- ✓AccountCompleted
- 2WorkspaceIn progress
- 3DeployUpcoming
Astro
---
import { Stepper, Step } from '@charvesta/cetha';
---
<Stepper label="Setup"><Step index={1} title="Account" state="complete" /><Step index={2} title="Workspace" state="current" /></Stepper>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
label* | string | — | Sequence label. |
title* | string | — | Step title. |
index* | number | — | Step number. |
state | 'complete' | 'current' | 'upcoming' | 'upcoming' | Step state. |
class | string | — | Additional classes forwarded to the rendered element. |
Accessibility
The current step is exposed with aria-current="step".