Demo: Switch Toggle
The switch toggle component offers an alternative to a traditional checkbox and is heavily based on the Tailwind UI toggle component.
Notifications on
<x-switch-toggle name="with-label-demo"
label="Notifications on"
/>
Notifications on
<x-switch-toggle name="with-label-left-demo"
label="Notifications on"
label-position="left"
/>
Short Toggle - Default
Short Toggle - Lg
Simple Toggle - Sm
Simple Toggle - Default
Simple Toggle - Lg
<div class="sm:max-w-md space-y-4">
<x-switch-toggle label="Short Toggle - Default" short />
<x-switch-toggle label="Short Toggle - Lg" short size="lg" />
<hr>
<x-switch-toggle label="Simple Toggle - Sm" size="sm" />
<x-switch-toggle label="Simple Toggle - Default" />
<x-switch-toggle label="Simple Toggle - Lg" size="lg" />
</div>