Label
Properties
General
| Property | Type | Description |
|---|---|---|
| Display name | text | Text value for display name |
Visual
| Property | Type | Description |
|---|---|---|
| Text | i18n text | Label text content. Supports interpolation with context data using {{property}} syntax. (Supports interpolation) |
| Font size (px) | text | Text value for font size |
| Color | color picker | Configure color |
| Font weight | single select | Select option for font weight Allowed values: Normal, Semi bold, Bold. |
| Left icon | icon picker | Select icon for left icon |
| Right icon | icon picker | Select icon for right icon |
| Ellipsis mode | boolean | Enable or disable ellipsis mode |
| Tooltip | boolean | Enable or disable show tooltip |
| Tooltip text | text | Tooltip text that appears when hovering over the label. Supports interpolation with context data using {{property}} syntax. (Supports interpolation) |
| Placement | single select | Select option for tooltip placement (See availableBSPositionItems) |
| Tooltip delay | text | Text value for tooltip delay |
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. |
| Auto Height | boolean | When selected, the label height will automatically adjust to fit its content. Example use is adding label inside section. If section has specific height and has vertical alignment set. Now you can center vertically label in the section by selecting auto height. |
| Padding Class | padding | Configure padding class |
Events
| Event | Description |
|---|---|
On component init | Triggered when the component initializes |
On component destroy | Triggered when the component is destroyed |
Additional Information
Category: Text
Current Version: 3