TallStackUI, Form Toggle

# Basic Usage

<x-toggle />

# Label

Receive Alert

<x-toggle label="Receive Alert" />
<x-toggle label="Receive Alert" position="left" />

# Label Slot

I agree to the terms and conditions

<x-toggle>
    <x-slot:label>
        I agree to the <a href="#">terms and conditions</a>
    </x-slot:label>
</x-toggle>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

<x-toggle>
    <x-slot:label>
        Align on Middle
    </x-slot:label>
</x-toggle>
 
<x-toggle>
    <x-slot:label start>
        Align on Start
    </x-slot:label>
</x-toggle>

# Size Variations

<x-toggle xs />
<x-toggle sm />
<x-toggle md />
<x-toggle lg />

# Color Variations

<x-toggle label="Primary" />
<x-toggle color="secondary" label="Secondary" />
<x-toggle color="slate" label="Slate" />
<x-toggle color="gray" label="Gray" />
<x-toggle color="zinc" label="Zinc" />
<x-toggle color="neutral" label="Neutral" />
<x-toggle color="stone" label="Stone" />
<x-toggle color="red" label="Red" />
<x-toggle color="orange" label="Orange" />
<x-toggle color="amber" label="Amber" />
<x-toggle color="yellow" label="Yellow" />
<x-toggle color="lime" label="Lime" />
<x-toggle color="green" label="Green" />
<x-toggle color="emerald" label="Emerald" />
<x-toggle color="teal" label="Teal" />
<x-toggle color="cyan" label="Cyan" />
<x-toggle color="sky" label="Sky" />
<x-toggle color="blue" label="Blue" />
<x-toggle color="indigo" label="Indigo" />
<x-toggle color="violet" label="Violet" />
<x-toggle color="purple" label="Purple" />
<x-toggle color="fuchsia" label="Fuchsia" />
<x-toggle color="pink" label="Pink" />
<x-toggle color="rose" label="Rose" />
<x-toggle color="black" label="Black" />
<x-toggle color="white" label="White" />

# Invalidate

An option to not show validation error message.