Slider with a primary-tinted track, current value badge on the right, and min/max labels on the rail.
The import and the props worth knowing about, in one place.
import { Input19 } from "@/components/beste/piece/input19";
<Input19
label="Monthly budget"
min={0}
max={1000}
value={420}
unit="$"
/>Label and readout above a filled track with a circular handle positioned by the current value.
Two-thumb range slider with a filled band between, a mono low-high readout, and min/max caps.
Line-item card with a label-price stack and a pill stepper that enforces min zero and a max cap.