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="Label" name="checkbox" color="base" />
---
import Checkbox from 'fulldev-ui/components/Checkbox.astro'
---

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

<Checkbox name="checkbox" size="sm" />
<Checkbox name="checkbox" size="md" />
<Checkbox name="checkbox" size="lg" />