Alain Afflelou Design System

Selectable Button 

<label class="cursor-pointer">
    <input class="sr-only peer" type="radio" name="selectable">
    <span class="btn btn-dark-ghost btn-size-sm peer-checked:bg-white peer-checked:btn-dark-subtle">Label text</span>
</label>
 
<label class="cursor-pointer">
    <input class="sr-only peer" type="radio" name="{{ name }}">
    <span class="btn btn-dark-ghost btn-size-sm peer-checked:bg-white peer-checked:btn-dark-subtle">{{ label }}</span>
</label>
 
{
  "name": "selectable",
  "label": "Label text"
}

No notes defined.