Dev Design Library

Slider 10 - Floating Value Label

Decimal slider with a value label that follows the thumb, grows while dragging, and a Precise / Balanced / Creative hint.

Slider 10 - Floating Value Label preview
Library
Shadcn Space
Framework
React
Type
component
License
MIT
Files
  • src/components/shadcn-space/slider/slider-10.tsx
  • src/components/ui/label.tsx
  • src/components/ui/slider.tsx
  • src/lib/utils.ts
  • src/config.ts
Source
https://github.com/shadcnspace/shadcnspace

Categories

More from Shadcn Space