Stepper
NewformCompact numeric control with increment/decrement buttons and min/max clamping.
import { Stepper } from '@/components/forge'Preview
Stepper
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
value | number | - | No | Controlled numeric value |
defaultValue | number | 0 | No | Initial uncontrolled value |
min | number | 0 | No | Minimum value |
max | number | 100 | No | Maximum value |
step | number | 1 | No | Amount changed per click |
Variants
default
Accessibility
- Uses native buttons for increment and decrement
- Buttons disable at min and max boundaries
- Current value is exposed through an output element