Feedback and states · §10.3
Stepper and progress dots
Where you are in a multi-step flow.
Code
<Stepper current={1} steps={steps} t={t} />Accessibility
- An ordered list with aria-current="step"; each step says its number and state.
Usage
Do
- Onboarding and the two-step code call.
Don't
- Don't use it for fewer than 3 steps.
Platforms
- Web
- apps/web/components/edflow/stepper.tsx
- iOS
- Custom SwiftUI HStack
- Android
- Custom Compose Row