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)) |