00
Code
<div class="heading--number">
00
</div>
{%
set classes = [
'paragraph',
'paragraph--type--' ~ paragraph.bundle|clean_class,
view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
]
%}
{% block paragraph %}
{% if content.field_number.0 is not empty %}
<div class="heading--number">
{{ content.field_number.0 }}
</div>
{% endif %}
{% endblock paragraph %}
.heading--number {
margin-bottom: 1rem;
font-size: 6rem;
font-weight: 100;
line-height: 1;
}
Fields
| Label | Machine name | Field type | Character Limit | Required |
|---|---|---|---|---|
| Number | field_number | Text (plain) | N/A | Yes |
Use Case
Number can be used for one of two things.
1. It can be used for a numbered section where that section is anchored and an action bar or page numbers are visible. The section numbers will be generated automatically based on the sections that are given a name.
2. The number can be used much like the figure component as part of a custom layout with other components such as Title or Text.
Component Options
There are no options for this component.
