<button class="c-button c-button--icon c-button--outlined">
    <span>Btn label</span>
    <svg class="icon-arrow" height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg">
        <path class="icon-path" d="m1.88888889 9 1.25333333 1.2533333 4.96888889-4.95999997v10.81777777h1.77777778v-10.81777777l4.96000001 4.96888887 1.2622222-1.2622222-7.1111111-7.11111111z" transform="matrix(0 1 -1 0 18 0)" />
    </svg>
</button>
<button class="c-button {% if modifier %}{{ modifier }}{% endif %}">
  <span>{{ label }}</span>
  {% if icon %}{% include '@icon-arrow' %}{% endif %}
</button>
{
  "label": "Btn label",
  "modifier": "c-button--icon c-button--outlined",
  "icon": "arrow"
}
  • Content:
    # Button
    
    Varianti:
    - button (default) sfondo blu filled
    - button (--outlined) trasparente con border nero
    
    `c-button` utilizzato sia per i `<button>` che per le ancore vecchia scuola `<a>`.
    
  • URL: /components/raw/button/button.md
  • Filesystem Path: src/02-components/button/button.md
  • Size: 191 Bytes

Variante con icon e outlined