Line-item card with a label-price stack and a pill stepper that enforces min zero and a max cap.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input23 } from "@/components/beste/piece/input23";
<Input23
label="Cabin upgrade"
quantity={2}
max={4}
price="$38 each"
/>Compact number control with minus and plus buttons flanking a centered mono value.
Slider with a primary-tinted track, current value badge on the right, and min/max labels on the rail.
Label and readout above a filled track with a circular handle positioned by the current value.
Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.
Two-thumb range slider with a filled band between, a mono low-high readout, and min/max caps.
Joined from-arrow-to range input with a muted duration chip capping the right side of the control.