Clever Component Library

Button: Color Inverted 

<a href="#" class="btn btn--inverted">This is a button</a>
 
<{{ tagName|default('a') }}{% if url %} href="{{ url }}"{% endif %} class="btn{% if modifiers is defined and modifiers|length %} btn--{{ modifiers|join(' btn--') }}{% endif %}" {% if attributes is defined and attributes %}{% for key, value in attributes %} {{ key }}="{{ value }}"{% endfor %}{% endif %}>{{ text }}</{{ tagName|default('a') }}>
 
{
  "text": "This is a button",
  "url": "#",
  "modifiers": [
    "inverted"
  ]
}

No notes defined.