Budget Slider

Slider with a primary-tinted track, current value badge on the right, and min/max labels on the rail.

$420
$0$1000

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

Import & use
import { Input19 } from "@/components/beste/piece/input19";

<Input19
  label="Monthly budget"
  min={0}
  max={1000}
  value={420}
  unit="$"
/>