Icon button widget is just an icon, along with all other button properties.
Properties allow you to edit the widget, connect it with other widgets and customize the user actions.
These properties allow you to edit the Icon Button widget. All of these properties are present in the property pane of the widget. The following table lists all the widget properties.
Sets a tooltip that appears when the user hovers over the widget with the mouse. Use this to provide hints or extra information to the user.
Makes the widget un-clickable or unusable. The widget will remain visible to the user but user interaction will not be allowed.
Controls widget's visibility on the page. When turned off: The widget will not be visible when the app is published. It appears translucent when in Edit mode.
These properties allow you to bind your Icon Button widget with any other widget in queries or JS objects. The following table lists all the binding properties.
Reflects the state of the widget's Visible setting (bool).
You can define functions that will be called when these events are triggered in the widget.
Style properties allow you to change the look and feel of the widget.
Sets an icon to be included on the button.
Sets the color of the widget's button. Accepts valid CSS colorvalues.
Rounds the corners of the widget's outer edge. With JS enabled, this accepts valid CSS border-radius values.
Casts a drop shadow from the frame of the widget. With JS enabled, this accepts valid CSS box-shadow values.
We currently use the icons from Blueprint library. You can see the list of icons here.