Title

<ui5-title>

The ui5-title component is used to display titles inside a page. It is a simple, large-sized text with explicit header/title semantics.

ES6 Module Import

import "@ui5/webcomponents/dist/Title.js";

Basic Sample

Properties

level

Description	Defines the component level. Available options are: "H6" to "H1". This property does not influence the style of the component. Use the property size for this purpose instead.
Type	"H1" | "H2" | "H3" | "H4" | "H5" | "H6" (value descriptions in: TitleLevel)
Default	"H2"

size

Description	Defines the visual appearance of the title. Available options are: "H6" to "H1".
Type	"H1" | "H2" | "H3" | "H4" | "H5" | "H6" (value descriptions in: TitleLevel)
Default	"H5"

wrappingType

Description	Defines how the text of a component will be displayed when there is not enough space. Note: for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
Type	"None" | "Normal" (value descriptions in: WrappingType)
Default	"Normal"

Slots

default

Description	Defines the text of the component. This component supports nesting a Link component inside. Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
Type	Array<Node>

Events

No events available for this component.

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.

CSS Custom States

No CSS custom states available for this component.

More Samples

WrappingType