DUTouchSpin
FormsNumeric stepper with +/- controls.
import { DUTouchSpin } from 'deri-ui';Live preview
typescript
<DUTouchSpin min={0} max={20} defaultValue={3} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| min / max / step | number | — | Constraints |
| value | number | — | Controlled |
| onValueChange | (n: number) => void | — | Handler |
Usage
import { DUTouchSpin } from 'deri-ui';
<DUTouchSpin min={0} max={20} defaultValue={3} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.