Number Input
Číselný vstup s +/- tlačítky, min/max/step, 9 barvami, 3 velikostmi a split variantou
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/number-input.json
Usage
Preview
Varianty
Barvy (default)
primary
blue
green
red
orange
secondary
Velikosti
sm
md
lg
Import
import { NumberInput, FormNumberInput } from "@/components/ui/number-input"
Example
<FormNumberInput
label="Množství"
defaultValue={1}
min={1}
max={99}
color="primary"
size="md"
onChange={(val) => setCount(val)}
/>
// Split varianta s krokem 10
<NumberInput
defaultValue={100}
step={10}
color="green"
variant="split"
/>
Dependencies
lucide-reacthttps://registry.ceskysoftware.cz/r/utils.json (registry)