<aside class="box">
    <header class="box-h box-h-large box-h-icon"><svg aria-hidden="true" class="icon-warning "><use xlink:href="../../assets/images/icons.svg#icon-warning"></use></svg> warningLarge header w/ Icon
    </header>
    <div class="box-i">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem laudantium, molestias perspiciatis corporis aspernatur earum quibusdam, sequi, error pariatur delectus accusantium, cum! Maxime ad, eos ea. Ab labore aliquam quam!</p>
    </div>
</aside>
<aside class="box{% for mod in mods %} box-{{ mod }}{% endfor %}">
  {%render '@box-header', type=headertype, label=headerlabel, mods=headermods, icon=headericon %}
  <div class="box-i">
    {%- if content == "linklist" -%}
    {%- render '@list-links' -%}
    {%- elseif content == "listwithlinks" -%}
    {%- render '@list-unordered-with-link' -%}
    {%- elseif content == "help-box-content" -%}
    {%- render '@box-help-content' -%}
    {%- else -%}
    {{content}}
    {%- endif -%}
  </div>
</aside>
{
  "headerlabel": "Large header w/ Icon",
  "headertype": "icon",
  "headericon": "warning",
  "headermods": [
    "large",
    "icon"
  ],
  "content": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem laudantium, molestias perspiciatis corporis aspernatur earum quibusdam, sequi, error pariatur delectus accusantium, cum! Maxime ad, eos ea. Ab labore aliquam quam!</p>"
}

There are no notes for this item.