Introduction

The Item Label is the text of a navigation entry: it displays the title or the name of the destination. It is one of the child elements an Item may contain, with the Item Icon and the Item Indicator.

Anatomy

The text layer

The Item Label is made of a text layer, governed by its own padding.

Font size

The label comes in three sizes: small, medium and large. Depending on the configuration, the font size then adapts automatically to each platform: mobile, tablet and desktop. The three sizes are anchored on the heading6 level of the typographic scale of the app.

Properties

Font family

The label uses the Font atom of the design system, which allows the full customization of the typography and of the size across devices.

Color

The label has its own color, and the selected state of the Item can change it.