DOTD Component Library

Sidebar 

<aside class="c-sidebar u-spacing--lg">
      <div class="o-rich-text">
          <p>Sidebar content goes here.</p>
      </div>
  </aside>
 
{% set base_class = sidebar.base_class|default('c-sidebar') %}
{% if sidebar.includes %}
  <aside class="{{ bem(base_class, sidebar.element, sidebar.modifiers, sidebar.extra) }} u-spacing--lg">
    {% for item in sidebar.includes %}
      {% render "@" ~ item.name with item.context %}
    {% endfor %}
  </aside>
{% endif %}
 
{
  "sidebar": {
    "includes": [
      {
        "name": "rich-text",
        "context": {
          "rich_text": {
            "text": "<p>Sidebar content goes here.</p>"
          }
        }
      }
    ]
  }
}
  • Content: 
    /* ------------------------------------ *\
  $SIDEBAR
\* ------------------------------------ */
  • URL: /components/raw/sidebar/_sidebar.scss
  • Filesystem Path: components/03-organisms/sidebar/_sidebar.scss
  • Size: 96 Bytes

No notes defined.