Icon
Icons are small graphical representations that convey meaning at a glance. They are used to accompany actions, illustrate concepts, or enhance UI design.
Icons are effective in saving space while providing intuitive guidance to users. They can be simple or detailed, static or interactive, and are crucial in creating a visually appealing and user-friendly interface.
Examples
Various examples showcasing different configurations of the component
Property
Value
Icon
Search
Properties
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
Property
Description
Default Value
Type
Icon
The name or path of the icon.
Icon
Color
The color of the icon.
Color
Triggers
Components expose certain events such as clicking. You can use these events to perform actions such as navigation, fetching data and controlling other components. The events exposed by this component are listed below.
Property
Description
On click
Handler called when the text is clicked.