Checkbox
Checkbox renders a token-styled binary control.
Installation
Import from @gaudi/design-system. Load @gaudi/design-system/global.css once and add transpilePackages: ['@gaudi/design-system'] in Next.js.
Copy an example into your project with the shadcn CLI: npx shadcn@latest add https://design.gaudi.site/r/checkbox-corner-cards.json.
Usage
Playground
Examples
Corner-check cards
Groups
Label extras and styles
Nested group
Row cards
States
API
7 props
Accessibility
Checkbox exposes role checkbox, aria-checked, disabled state, and a visible label when provided.
Related
FieldField composes form label, description, error, and input building blocks.7 examplesCardCard frames reusable content with title, subtitle, and optional children.8 examplesTooltipBrief contextual help attached to an independently labelled control.4 examplesAvatarProfile images, resilient initials, presence, verification, account menus and collaborator groups. The existing Avatar API and curated patterns share the same image and fallback primitives.10 examplesSeparatorSeparate related content with a horizontal or vertical rule.3 examplesPillPill renders compact category and status labels.4 examples