Slider
Posuvník s 9 barvami, 4 velikostmi, value tooltip, min/max labely a marks
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/slider.json
Usage
Preview
Barvy
primary
secondary
blue
green
red
orange
yellow
grey
dark
Velikosti
xs
sm
md
lg
S hodnotou a labelem
65
0100
Se značkami (marks)
50
0255075100
Import
import { Slider, FormSlider } from "@/components/ui/slider"
Example
<FormSlider
label="Hlasitost"
defaultValue={65}
color="primary"
showValue
showLabels
/>
// S vizuálními značkami
<Slider
defaultValue={50}
color="blue"
size="lg"
marks={[
{ value: 0, label: "Min" },
{ value: 50, label: "Střed" },
{ value: 100, label: "Max" },
]}
/>
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)