<button class="c-action c-action--brick" type="">Action text</button>
{% if version is defined %}
  {% set versions = {
    "brick": {
      modifier: "c-action--brick",
      notation: null
    },
    "brick-small": {
      modifier: "c-action--small c-action--brick",
      notation: null
    },
    "nude": {
      modifier: "c-action--nude",
      notation: null
    },
    "nude-small": {
      modifier: "c-action--small c-action--nude",
      notation: null
    },
    "text": {
      modifier: "c-action--text",
      notation: "underline-cta-accent"
    }
  } %}
  {% set currentVersion = versions[version] %}
  {% set notation = (currentVersion.notation ~ ' ' ~ ( notation | default(''))) | trim %}
  {% set modifier = (currentVersion.modifier  ~ ' ' ~ ( modifier | default(''))) | trim %}
  {# {% set disabled = currentVersion.disabled %} #}
{% endif %}

<button 
  class="c-action{% if modifier is defined %} {{ modifier }}{% endif %}"
  type="{{ type }}"
  {% if notation %} data-notation="{{ notation }}"{% endif %}
  {% if opens_modal|default(null) %} data-micromodal-trigger="{{ opens_modal.id }}"{% endif %}
  {# {% if disabled is defined %} disabled{% endif %} #}
>
  {{- text -}}
</button>
{
  "text": "Action text",
  "version": "brick"
}

No notes defined.