Slider
@sushindustries/uiA native range input with its label - keyboard steps and form value ship in the element.
Slider is a native <input type="range"> with its label attached, painted
through accent-color. Reach for it wherever an approximate drag beats a
typed number - volume, brightness, a threshold on a chart.
tanstacktanstack add https://adamjurek.com/r/tanstack/slider.json
shadcnpnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/slider.jsonWhy it is built this way
It stays a native range input rather than a rebuilt one because everything a rebuilt slider spends its life re-earning - keyboard steps, page-up and page-down jumps, RTL support, participating in a form's value - ships for free in the browser's own element.
Install
tanstack add https://adamjurek.com/r/tanstack/slider.jsonshell
pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/slider.jsonshell
pnpm add @sushindustries/ui @sushindustries/atomsshell
What you get
| Version | 0.1.0 |
| Category | content · Forms |
| Files | slider.tsx |
| Dependencies | None |
| Tags | form, no-deps |
No runtime dependencies
It brings nothing with it beyond the stylesheet.