Fulldev UI

Docs Components Blocks Showcase

Checkbox

Props

PropTypeDefault
labelstring-
color'base' | 'brand'-
contrastboolean-
iconstring-
asHTMLTaginput
HTML AttributesPolymorphic<input>-

Examples

---
import Checkbox from 'fulldev-ui/components/Checkbox.astro'
---

<Checkbox label="My Checkbox" color="base" />
---
import Checkbox from 'fulldev-ui/components/Checkbox.astro'
---

<Checkbox label="Base" color="base" />
<Checkbox label="Brand" color="brand" />
---
import Checkbox from 'fulldev-ui/components/Checkbox.astro'
---

<Checkbox label="Small" size="sm" />
<Checkbox label="Medium" size="md" />
<Checkbox label="Large" size="lg" />