Skip to main content

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​

DescriptionDefines 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​

DescriptionDefines 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​

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

Slots​

default​

DescriptionDefines 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.
TypeArray<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​