Icon Widget
The icon widget provides a clickable icon button and is typically used with widget actions to initiate a cloud-side automated action or local UI navigation.
To display text in a button, use the Button Widget.
Configurable components
| Class Name | Description |
|---|---|
| card | Background button card component |
| primary | Button component |
Widget Properties
| Name | Description |
|---|---|
| form | Name of the form to submit to. |
| text | Button icon (E.g. $cog) |
CSS Properties
| Property | Description |
|---|---|
| background | Background color of the button |
| color | Text color of the button |
| border-radius | Round the button corners |
| box-shadow | Add a shadow to the button |
| --w-variant | Set to elevated, flat, tonal, outlined, text or plain |
| --w-block | Set to true to make the button full width |
| --w-density | Set to compact, default or comfortable |
| --w-ripple | Set to enable the ripple effect |