Preview
Code
"use client"
import { Label } from "@/components/ui/preskok-ui/field"
import {
Slider,
SliderOutput,
SliderTrack,
} from "@/components/ui/preskok-ui/slider"
export function SliderDemo() {
return (
<Slider defaultValue={250} minValue={100} maxValue={500} step={10}>
<div className="flex items-center justify-between">
<Label>Engine Power</Label>
<SliderOutput />
</div>
<SliderTrack />
</Slider>
)
}
Installation
CLI
Manual
pnpmnpmyarnbunpnpm dlx preskok-ui@latest add slider
Usage
import { Slider } from "@/components/ui/preskok-ui/slider"
export function SliderDemo() {
return <Slider label="Volume" defaultValue={50} />
}