Label and readout above a filled track with a circular handle positioned by the current value.
New here? Read the installation guide.
import { Input4 } from "@/components/beste/piece/input4";
<Input4
value={68}
min={0}
max={100}
label="Volume"
unit="%"
/>Two-thumb range slider with a filled band between, a mono low-high readout, and min/max caps.
Slider with a primary-tinted track, current value badge on the right, and min/max labels on the rail.
Row with a bold label, secondary description, and a switch that slides on or off.
Joined from-arrow-to range input with a muted duration chip capping the right side of the control.