ui/docs/content/3.forms/7.toggle.md

github, description, headlessui

github	description	headlessui
true	Display a toggle field.	label to Switch https://headlessui.com/vue/switch

Usage

::component-card ::

Icon

Use any icon from Iconify by setting the on-icon and off-icon props by using this pattern: i-{collection_name}-{icon_name} or change it globally in ui.toggle.default.onIcon and ui.toggle.default.offIcon.

::component-card

props: onIcon: 'i-heroicons-check-20-solid' offIcon: 'i-heroicons-x-mark-20-solid' excludedProps:

• onIcon
• offIcon

---

::

Disabled

Use the disabled prop to disable the Toggle.

::component-card

props: disabled: true

::

Props

:component-props

Preset

:component-preset