Spacer¶
The Spacer widget is an empty box that only takes up room. Nothing is drawn, so visitors never see it. Use it to push widgets apart, for example to leave a gap between a heading and a table, or to push a button to the far end of a row.
See also Separator for a visible dividing line, and Container for gaps between all children at once.
Using it¶
Drop a Spacer where you want the gap and set its height or width in Box Style. While you are designing, give it a temporary Background colour so you can see how much room it takes, then clear it.
Options¶
| Option | Values | Default | Description |
|---|---|---|---|
| Box Style | Sizing and spacing | Height 20px | The size of the gap. This is the whole widget |
| Background | Palette or custom | None | Fills the gap with a colour |
| Border | CSS border | None | Draws a border around the gap |
Tips¶
A few things to keep in mind:
- Give the spacer a Background while designing to see it, then clear it.
- For a visible dividing line, use Separator.