Divider-H
The Divider-H widget is a divider that splits content with a single horizontal line.
Use it to mark the boundary between list items, sections, and groups.
Definition and role
The Divider-H widget draws one thin horizontal line to separate the content above it from the content below. Set the line's thickness, color, and left and right indents, plus the total height of the divider area that contains the line.
- Category: Dividers (dividers and spacing)
- Direction: horizontal
- On drop: the horizontal divider is drawn inside a
100 × 100SizedBox (which appears as a part in the Styles panel). Leave the divider properties unset and the line itself uses your app theme's default divider style.
Features
| Feature | Description |
|---|---|
| Horizontal divider | Draws a single horizontal line between the content above and below to split the area. |
| Line thickness | Adjusts the thickness of the drawn line (thickness). |
| Line color | Sets the color of the line (color). |
| Left and right indents | Sets the empty space to the left (indent) and right (endIndent) of the line. |
| Total height | Sets the vertical height of the divider area including the line (height). |
How to use
- Open the Dividers category in the left widget palette.
- Drag the Divider-H item onto the canvas.
- In the properties panel on the right, set the thickness (
thickness), color (color), and left and right indents to the values you want.
Properties
| Property | Description | Default | Value / Type |
|---|---|---|---|
height | Total vertical height of the divider area, including the line | Not set | Number (px) |
thickness | Thickness of the drawn line itself | Not set | Number (px) |
indent | Empty space at the left (start) of the line | Not set | Number (px) |
endIndent | Empty space at the right (end) of the line | Not set | Number (px) |
color | Color of the line | Not set | Color |
Notes and tips
Every property is unset by default. Leave a value empty and your app theme's default divider style — color and thickness — applies as is.
height is not the thickness of the line itself. It's the total vertical height of the whole divider area, including the line. To draw a thicker line, adjust thickness.
Learn more
For the full set of Widget Controls (Property, Method, and Event) that drive this widget from a script, visit Divider-H Widget Control.