Skip to content

Label Widget

The label widget displays a text label. The label can be static text or it can be a dynamic widget value

Label Widget

The label text will be dynamically scaled according to the size of the widget.

Configurable components

Class NameDescription
cardLabel widget card component
primaryPrimary label component

Widget Properties

NameDescription
prefixOptional prefix text to display before the text
suffixOptional suffix text to display after the text
textLabel text to display
valueWidget data value to display if text not defined

Common CSS Properties

PropertyDescription
font-sizeSet the font size of the label text. Defaults to max(10px, min(min(18cqw, 18cqh), 144px))
font-weightSet the font weight of the label text. Defaults to bold.
backgroundBackground color
colorText color
justify-contentSet to left to left align the text.
prefix.font-sizeSet the font size of the prefix text. Defaults to max(10px, min(min(5cqw, 5cqh), 36px))
suffix.font-sizeSet the font size of the suffix text. Defaults to max(10px, min(min(5cqw, 5cqh), 36px))