Dev Design Library

Step Slider

A slider that snaps to a fixed set of values, with a dotted fill that sweeps on every step. Built on the Base UI Slider.

Step Slider preview
Library
Notra
Framework
React
Type
component
License
AGPL-3.0
Dependencies
@base-ui/react, cn
Files
  • apps/ui/registry/notra/step-slider/components/step-slider.tsx
  • apps/ui/registry/notra/step-slider/types/step-slider.ts
  • apps/ui/registry/notra/step-slider/lib/step-slider.ts
Source
https://github.com/usenotra/notra

Categories

More from Notra