Button State
Specifies the button's behavior responding to specific datapoint states values.
Attributes
Datapoint
Value
The value of the datapoint that identifies the state.
Attribute Values
| Value | Description |
|---|---|
| <string> | The value. |
Style
Color
Specifies the button color.
Attribute Values
| Value | Description |
|---|---|
| default | Default value. Default color. |
| primary | Primary color, used to highlight action buttons. |
| warning | Warning color, used to highlight warning buttons. |
| success | Success color, used to highlight success buttons. |
| error | Error color, used to highlight error buttons. |
| light | Light color. |
| dark | Dark color. |
| red,blue,yellow,green,yellow,purple,orange,green | Palette colors. |
| custom | Custom color, defined in the "Custom Color" attribute. |
The default value is: default.
Custom Color
Specifies the button's custom color.
Attribute Values
| Value | Description |
|---|---|
| <html color> | Any valid HTML color. |
This attribute is available when style is "custom" or style is "glass" or color is "custom".
Look
Specifies the button's look.
Attribute Values
| Value | Description |
|---|---|
| filled | Default value. Filled look, with a solid background. |
| clear | Clear look, no background or border. |
| outlined | Outlined look, with a solid border. |
| glass | Glass look, with a semi-transparent background. |
The default value is: filled.
Label
Description
Specifies a description displayed below the label.
Attribute Values
| Value | Description |
|---|---|
| <string> | Button's description. |
This attribute is available when owner's displaystateindescription is not "false".
Tooltip
A text displayed when hovering over the object, commonly used to display additional information.
Attribute Values
| Value | Description | Example |
|---|---|---|
| <string> | Text to be displayed. | Set phasers to stun |
Icon
Icon
Specifies the icon source to display. Its position is set with the "Icon Position" attribute.
The value can be:
- An icon prefixed with
icon: - A relative path to an image file, such as
lights/lamp.png, resolved from the standard image folders
Attribute Values
| Value | Description | Example |
|---|---|---|
| <icon> | Icon prefixed with icon:. | icon:mdi#account-multiple |
| <image> | Relative path to the image file. | lights/lamp.png |
Icon Color
Specifies the icon's color.
Attribute Values
| Value | Description | Example |
|---|---|---|
| <html color> | Color in any html accepted format. | #ff0000 |
Label
Font Family
Specifies the font family.
The default value is: default.
Font Size
Specifies the font size in pixels or percentage (relative to the project's font size).
Attribute Values
| Value | Description | Example |
|---|---|---|
| <integer> | Font size in pixels. | |
| <percentage>% | Relative font size in percentage. | 90% |
The default value is: 14.
Font Color
Specifies the text CSS color.
Attribute Values
| Value | Description | Example |
|---|---|---|
| <html color> | Color in any html accepted format. | #ff0000 |
Font Weight
Specifies the weight of the font.
Attribute Values
| Value | Description |
|---|---|
| normal | Default value. Normal. |
| bold | Bold. |
| bolder | Bolder. |
| lighter | Lighter. |
The default value is: normal.
Italic
Show the text in italics.
Attribute Values
| Value | Description |
|---|---|
| false | Default value. Normal. |
| true | Italics. |
The default value is: false.
Decoration
Specifies the text decoration.
Attribute Values
| Value | Description |
|---|---|
| none | Default value. No decoration. |
| underline | Underline. |
| overline | Overline. |
| line-through | Line through. |
The default value is: none.
View
Blink
Blinks the object at the specified speed.
Attribute Values
| Value | Description |
|---|---|
| false | Default value. Not blinking. |
| slow | Blinks slowly. |
| fast | Blinks fast. |
The default value is: false.