Vertical Divider
The Vertical Divider component creates a clear visual separation between two adjacent components by adding a vertical separator. It's commonly used to enhance layout structure, improve readability, and organize content by providing a distinct division between sections within a user interface.
Component Specific Actions (CSA)
There are currently no CSA (Component-Specific Actions) implemented to regulate or control the component.
Exposed Variables
There are currently no exposed variables for the component.
General
Tooltip
A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
Under the General accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
Devices
Devices | Description | Expected Value |
|---|---|---|
| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on fx and entering a logical expression. |
| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on fx and entering a logical expression. |
Styles
Property | Description | Configuration Options |
|---|---|---|
| Divider Color | Sets the color of the divider. | Accepts any valid color value like hex (#000000), RGB, or predefined color names. |
| Visibility | Controls whether the divider is visible. | You can set it as either true or false or dynamically configure the value by clicking on fx and entering a logical expression. |
| Box Shadow | Adds shadow around the divider to create depth. | Accepts box-shadow values like none, 2px 4px 6px rgba(0, 0, 0, 0.1) |
Any property having the fx button next to its field can be programmatically configured.