added grid layout

This commit is contained in:
Will McGugan
2022-09-06 16:06:01 +01:00
parent d9d5791925
commit e4c16b6d6d
2 changed files with 10 additions and 5 deletions

View File

@@ -2,19 +2,22 @@
The `layout` property defines how a widget arranges its children.
See [layout](../guide/layout.md) guide for more information.
## Syntax
```
layout: [vertical|horizontal|center];
layout: [center|grid|horizontal|vertical];
```
### Values
| Value | Description |
|----------------------|-------------------------------------------------------------------------------|
| `vertical` (default) | Child widgets will be arranged along the vertical axis, from top to bottom. |
| `horizontal` | Child widgets will be arranged along the horizontal axis, from left to right. |
| `center` | A single child widget will be placed in the center. |
| `grid` | Child widgets will be arranged in a grid. |
| `horizontal` | Child widgets will be arranged along the horizontal axis, from left to right. |
| `vertical` (default) | Child widgets will be arranged along the vertical axis, from top to bottom. |
## Example