Sub Title
Code
<div class="heading--sub">Sub Title</div>
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
]
%}
{% block paragraph %}
{% if content.field_sub_title.0 is not empty %}
<div class="heading--sub">{{ content.field_sub_title.0 }}</div>
{% endif %}
{% endblock paragraph %}
.heading--sub {
margin-bottom: var(--spacing-1);
font-size: var(--heading-tag-size);
font-weight: var(--bold);
}
.heading--tag {
color: var(--heading-tag-color);
}
Fields
| Label | Machine name | Field type | Character Limit | Required |
|---|---|---|---|---|
| Sub Title | field_sub_title | Text (plain) | 30 | Yes |
Use Case
We use the Sub Title as a pre header for components to help explain what they are used for.
e.g. Highlight || Video
Component Options
There are no options for this component.
