--- layout: default ---

{{page.title}}

{{page.description}}


{% if page.examples %} {% for example in page.examples %}
{{example}}
{% highlight html %}{{example}}{% endhighlight %}
{% endfor %}
{% endif %}
{{content}}

Customization

{% if page.variables %}
{% for variable in page.variables %} {% endfor %}
Name Type Default Description
{{variable.name}} {{variable.type}} {% if variable.default %} {{variable.default}} {% else %} — {% endif %} {{variable.description}}
{% else %}

This element has no variables.

{% endif %}

You can also customize this element by simply overriding any of its CSS attributes, listed here. Contextual variable defaults (e.g., --color-content) and global variables (e.g., --family-primary) are defined here.