Skip to content Skip to footer navigation
You are reading the Statamic 6 Alpha docs. πŸ‘€

Switch

Toggle a setting on or off. Suitable for binary options like enabling or disabling features.

<ui-switch />

Sizes#

Use the size prop to change the size of the switch.

<div class="flex items-center">
<ui-switch size="lg" />
<ui-switch />
<ui-switch size="sm" />
<ui-switch size="xs" />
</div>