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.
The default value is: default.
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. |
Custom Color
Specifies the button's custom color.
Attribute Values
| Value | Description |
|---|---|
| <html color> | Any valid HTML color. |
Look
Specifies the button's look.
The default value is: filled.
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. |
Label
Description
Specifies a description displayed below the label.
Attribute Values
| Value | Description |
|---|---|
| <string> | Button's description. |
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 an icon to display. Its position is set with the "Icon Position" attribute.
Attribute Values
| Value | Description |
|---|---|
| <icon> | An icon or image. |
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).
The default value is: 14.
Attribute Values
| Value | Description | Example |
|---|---|---|
| <integer> | Font size in pixels. | |
| <percentage>% | Relative font size in percentage. | 90% |
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.
The default value is: normal.
Attribute Values
| Value | Description |
|---|---|
| normal | Default value. Normal. |
| bold | Bold. |
| bolder | Bolder. |
| lighter | Lighter. |
Italic
Show the text in italics.
The default value is: false.
Attribute Values
| Value | Description |
|---|---|
| false | Default value. Normal. |
| true | Italics. |
Decoration
Specifies the text decoration.
The default value is: none.
Attribute Values
| Value | Description |
|---|---|
| none | Default value. No decoration. |
| underline | Underline. |
| overline | Overline. |
| line-through | Line through. |