ColorSwatch
Barevné políčko a群 ColorSwatchGroup pro výběr barvy, 5 velikostí a 3 tvary
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/color-swatch.json
Usage
Preview
Tvary
rounded
circle
square
Velikosti (rounded)
xs
sm
md
lg
xl
Import
import { ColorSwatch, ColorSwatchGroup } from "@/components/ui/color-swatch"
Example
<ColorSwatchGroup
label="Barva"
value={selectedColor}
onChange={setSelectedColor}
colors={[
{ value: "#228be6", label: "Modrá" },
{ value: "#40c057", label: "Zelená" },
{ value: "#fa5252", label: "Červená" },
]}
size="md"
shape="rounded"
/>
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)