Icon
Properties
General
| Property | Type | Description |
|---|---|---|
| Display name | text | Text value for display name |
Visual
| Property | Type | Description |
|---|---|---|
| Name | icon picker | Select icon for name |
| IconOnHover | icon picker | Select icon for icon on hover |
| Size | single select | Select option for size Allowed values: Small, Large. |
| Font size (px) | text | Text value for font size |
| Use custom size | boolean | Enable or disable use custom size |
| Threshold Config | threshold configurator | Configure threshold config |
| Tooltip | boolean | Enable or disable show tooltip |
| Tooltip text | i18n text | Tooltip text that appears when hovering over the icon. Supports interpolation with context data using {{property}} syntax. (Supports interpolation) |
| Placement | single select | Select option for tooltip placement (See availableBSPositionItems) |
Event_actions
| Property | Type | Description |
|---|---|---|
| Events | events | Configure event handlers |
Authorization
| Property | Type | Description |
|---|---|---|
| Show when compliant with policy set | combobox | Select value for visibility policy set id |
Visibility
| Property | Type | Description |
|---|---|---|
| Display Conditions | conditions configurator | Configure display conditions |
Testing_hooks
| Property | Type | Description |
|---|---|---|
| ID | text | Text value for id |
| Data test id | text | Text value for data test id |
Layout
| Property | Type | Description |
|---|---|---|
| Auto width | boolean | Select to adjust width based on its content. Unselect to use full width of parent container. |
| Padding Class | padding | Configure padding class |
Events
| Event | Description |
|---|---|
On icon click | Triggered when an icon is clicked |
On component init | Triggered when the component initializes |
On component destroy | Triggered when the component is destroyed |
Additional Information
Category: Interactive
Current Version: 3