Skip to content

Toggle

Toggles are basic form inputs that visually represent a boolean value. Toggles can be on (true) or off (false).

PropData typeRequired?Description
bigBooleanNoControls whether a toggle is big or not.
v-model:valueBooleanYesThe value controlled by the toggle.

Normal toggle

Link your toggle to an input using the v-model directive.

template
<fw-toggle v-model="toggle" />

Big toggle

Pass a big prop to create a larger toggle.

template
<fw-toggle
   big
   v-model="toggle"
/>