An Icon widget can be used to add icons(sourced from icon library). It supports events like on hover and on click.
|Icon||Use this to choose an icon form the list of available icons||You can also use the search bar in it to look for the icons|
To add an event, click on the icon widget's configuration handle to open the widget properties on the components drawer on the right. Go to the Events section and click on + Add handler. The Icon widget supports the following events:
|On hover||This event is triggered when the cursor is hovered over the icon|
|On click||This event is triggered when the icon is clicked|
Just like any other event on ToolJet, you can set multiple handlers for any of the above-mentioned events.
Check Action Reference docs to get the detailed information about all the Actions.
GeneralTooltip: Set a tooltip text to specify the information when the user moves the mouse pointer over the widget.
|Show on desktop||Toggle on or off to show/hide the widget on desktop screens.||You can programmatically determine the value by clicking on |
|Show on mobile||Toggle on or off to show/hide the widget on mobile screens.||You can programmatically determine the value by clicking on |
|Icon color||You can change the color of the icon widget by entering the Hex color code or choosing a color of your choice from the color picker.|
|Visibility||This is to control the visibility of the widget.||If |
|Box shadow||This property adds a shadow to the widget.||You can use different values for box shadow property like offsets, blur, spread, and the color code.|
Any property having
Fx button next to its field can be programmatically configured.