Heading
All HTML headings, <h1> through <h6> are available.
Bootstrap Display headings docs
Properties:
html_tag
: The HTML tag to use for the header. Defaults to h1 (h1 | h2 | h3 | h4 | h5 | h6)display
: When you need a heading to stand out, consider using a displayheading—a
larger, slightly more opinionated heading style.attributes
: Attributes array.heading_utility_classes
: This property contains an array of utility classes.heading_link_utility_classes
: This property contains an array of utility classes if the heading is linked. eg.title_link
is not null.title_link
: The URL to link the title to.
HTML Tag (html_tag
)
Heading HTML tag (h1, h2, h3, h4, h5, h6)
Display (display
):
When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style. optional values are: ( display-1, display-2, display-3, display-4, display-5, display-6) https://getbootstrap.com/docs/5.3/content/typography/#display-headings
Utility Classes (heading_utility_classes
):
This property contains an array of utility classes that can be used to add extra Bootstrap utility classes or custom classes to this component.
Slots:
content
: Content text for the heading.
Usage
Example #1: Have a heading for the h1 page title
Example #2: Use for the heading of a block
Example #3: Use in views title
Example #4: Have a title with utility classes
Example #5: Heading with a link
Last updated