BlatUI

Components

Toggle

A two-state button that can be either on or off.

php artisan blatui:add toggle 
<x-ui.toggle aria-label="Toggle bold">
    <x-lucide-bold />
</x-ui.toggle>

Outline

<x-ui.toggle variant="outline" aria-label="Toggle italic">
    <x-lucide-italic />
</x-ui.toggle>

Sizes

<div class="flex items-center gap-2">
    <x-ui.toggle size="sm" aria-label="Toggle small">
        <x-lucide-bold />
    </x-ui.toggle>
    <x-ui.toggle size="default" aria-label="Toggle default">
        <x-lucide-bold />
    </x-ui.toggle>
    <x-ui.toggle size="lg" aria-label="Toggle large">
        <x-lucide-bold />
    </x-ui.toggle>
</div>

With Text

<x-ui.toggle aria-label="Toggle italic">
    <x-lucide-italic />
    Italic
</x-ui.toggle>