Range Slider

Label and readout above a filled track with a circular handle positioned by the current value.

Volume68%

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Input4 } from "@/components/beste/piece/input4";

<Input4
  value={68}
  min={0}
  max={100}
  label="Volume"
  unit="%"
/>