Divider
What is Divider?
In ILLA Cloud, the divider component is a visual element that helps to separate or divide sections of content within a web application. It is a simple horizontal line or vertical line that can be inserted between different sections or components to improve the visual organization and clarity of the user interface.
Properties
| Properties | Description |
|---|---|
| Text | add additional information to the divider component |
| Text align | determines the horizontal alignment of the text within the divider component |
| Hidden | hide the divider component from the user interface |
| Text size | adjust the font size of the text within the divider component |
Data
The component has some commonly used data, which can be called via {{componentName.propertyName}} in the app.
| Property name | Description |
|---|---|
| colorScheme | defines the color of the text in the component |
| displayName | represents the name or label assigned to the component |
| fs | file system (fs) associated with the divider |
| hidden | boolean value that determines whether the component is visible or hidden |
| text | the text value |
Example: {{divider1.text}}
Use case
You can place it anywhere you want to divide the page into two sections. Here we will show the divider with three different text alignments.
