Etat Pur Design System

Account Action Bar 

<div class="flex justify-between items-center">
    <button type="button" class=" btn  btn-dark  btn-simple  btn-size-sm btn-icons">
        <svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <path d="M10.5 13L5.5 8L10.5 3" stroke="currentColor" stroke-width="1.5" fill="none" />

        </svg> Retour

    </button>

    <button type="button" class=" btn  btn-dark  btn-solid  btn-size-lg">
        Primary action

    </button>
</div>
 
<div class="flex justify-between items-center">
    {% render "@template-button" with back_button %}

    {% if primary_button is not null %}
        {% render "@template-button" with primary_button %}
    {% endif %}
</div>
 
{
  "back_button": {
    "label": "Retour",
    "color": "dark",
    "size": "sm",
    "type": "simple",
    "icon_type": "leading-icon",
    "icon": {
      "name": "heroicons--chevron"
    }
  },
  "primary_button": {
    "label": "Primary action",
    "color": "dark",
    "size": "lg"
  }
}

No notes defined.