Glowup
NAVIGATION · 83 / 89
Stepper
Stepper — a Material You navigation component for React Native and web.
󱀫
packages/ui/src/components/Stepper.tsx
Live demo
Cart
Shipping
Payment
Review
Properties
1 control
Active Step
Usage
Stepper.tsx
<Stepper activeStep={1} />
Variants
The states and shapes this component is meant to be used in.
Checkout
Cart
Shipping
Payment
Review
First step
Cart
Shipping
Payment
Review
All complete
Cart
Shipping
Payment
Review
With icons
Account
Company
Billing
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
4 on StepperProps
activeStep
required
number
steps
required
Step[] | string[]
onStepPress
(stepIndex: number) => void
style
object
󰅁
Previous
Pagination
Next
Box
󰅂