Toggle Switch

Component typeNuxtUI/Toggle
Design SystemsUXD
Default
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.

Config Settings

Change the size of the Toggle Switch. The unit is px
default: 24px

Change the visual style of the Toggle Switch.
default: primary

Show a loading icon and disable the Toggle Switch. need to install @iconify-json/svg-spinners

Usage
Config