Slider

Adjusts one or more numeric values by moving labeled thumbs along a track.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Dependencies

@radix-ui/react-slider, class-variance-authority, motion

Install

npx shadcn@latest add https://cojeev.com/ui/r/slider.json

Files

• registry/cojeev/ui/slider.tsx
• registry/cojeev/styles/slider.css
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts
• registry/cojeev/lib/chart-geometry.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components
• shadcn/ui Slider Components

More from Cojeev UI

• Motion Adjuster
• Accordion
• Accordion Gallery
• Action dock
• Activity feed
• Agent chat
• Agent state
• Alert
• Alert Dialog
• Ambient background
• Animated icon
• Animated number