Label Widget
The label widget displays a text label. The label can be static text or it can be a dynamic widget value
The label text will be dynamically scaled according to the size of the widget.
Configurable components
Class Name | Description |
---|---|
card | Label widget card component |
primary | Primary label component |
Widget Properties
Name | Description |
---|---|
prefix | Optional prefix text to display before the text |
suffix | Optional suffix text to display after the text |
text | Label text to display |
value | Widget data value to display if text not defined |
Common CSS Properties
Property | Description |
---|---|
font-size | Set the font size of the label text. Defaults to max(10px, min(min(18cqw, 18cqh), 144px)) |
font-weight | Set the font weight of the label text. Defaults to bold. |
background | Background color |
color | Text color |
justify-content | Set to left to left align the text. |
prefix.font-size | Set the font size of the prefix text. Defaults to max(10px, min(min(5cqw, 5cqh), 36px)) |
suffix.font-size | Set the font size of the suffix text. Defaults to max(10px, min(min(5cqw, 5cqh), 36px)) |