Fulldev UI

Docs Components Blocks Showcase

Toggle

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

<Toggle text="Click me" icon="click" />

Props

PropTypeDefault
color'base' | 'brand' | undefined-
idstring | undefineduid(7)
namestring | undefined-
iconstring | undefined-
htmlstring | undefined-
textstring | undefined-
toggledboolean | undefined-
asHTMLTaglabel
HTML AttributesPolymorphic<label>-

Examples

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

<Toggle icon={'code'} text="Auto save" toggled={true} />