funkwhale/front/ui-docs/components/ui/toggle.md

1.2 KiB

Toggle

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

Prop Data type Required? Description
big Boolean No Controls whether a toggle is big or not.
v-model:value Boolean Yes The value controlled by the toggle.

Normal toggle

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

<Toggle v-model="toggle" />

Add title

Big toggle

Pass a big prop to create a larger toggle.

<Toggle
   big
   v-model="toggle"
/>