Alain Afflelou Design System

Template Dropdown Item Checkmark 

<!-- Checkable item -->
<label class="dropdown-item ">
    Item text
    <input type="checkbox">
    <svg class="dropdown-item-checkmark shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M18.5303 7.46967C18.8232 7.76256 18.8232 8.23744 18.5303 8.53033L10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303L5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697C5.76256 11.1768 6.23744 11.1768 6.53033 11.4697L10 14.9393L17.4697 7.46967C17.7626 7.17678 18.2374 7.17678 18.5303 7.46967Z" fill="currentColor" />
    </svg>
</label>
 
<!-- Checkable item -->
<label class="dropdown-item {{ dropdownItemClass|default('') }}">
    {% block leading_icon %}
        {% if (type == 'leading-icon' ) %}
            {% render "@icons-" ~ icon.name|default("library--user-team") with {size: icon.size,iconClass: icon.class} %}
        {% endif %}
    {% endblock %}
    {{ label }}
    <input type="checkbox">
    {% render "@icons-library--check-outline" with {iconClass:"dropdown-item-checkmark"} %}
</label>
 
{
  "label": "Item text"
}

No notes defined.