Toggle component

Basic usage 

import { WToggle } from "vue-windi"

Basic 

<WToggle checked />
<WToggle checked color="secondary" />
<WToggle checked color="success" />
<WToggle checked color="warning" />
<WToggle checked color="danger" />

Sizes 

<WToggle checked size="xs" />
<WToggle checked size="sm" />
<WToggle checked />
<WToggle checked size="lg" />

Disabled 

<WToggle disabled />
<WToggle disabled checked />

Label 

<div class="flex flex-col w-32">
  <label
    class="cursor-pointer flex select-none content-center py-2 px-1 justify-between">
    <span class="label-text">Label</span>
    <WToggle checked />
  </label>
</div>