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

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"
Default	"Normal"

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"
Default	"H2"

size

Description	Defines the visual appearance of the title. Available options are: "H6" to "H1".
Type	"H1" | "H2" | "H3" | "H4" | "H5" | "H6"
Default	"H5"

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.

More Samples

WrappingType