Fix reference for layout.

This commit is contained in:
Rodrigo Girão Serrão
2022-12-22 14:05:17 +00:00
parent a145210b39
commit 164678ab66
3 changed files with 14 additions and 12 deletions

View File

@@ -10,7 +10,7 @@
height: auto;
}
Static {
Label {
margin: 1;
width: 12;
color: black;

View File

@@ -1,20 +1,20 @@
from textual.app import App
from textual.containers import Container
from textual.widgets import Static
from textual.widgets import Label
class LayoutApp(App):
def compose(self):
yield Container(
Static("Layout"),
Static("Is"),
Static("Vertical"),
Label("Layout"),
Label("Is"),
Label("Vertical"),
id="vertical-layout",
)
yield Container(
Static("Layout"),
Static("Is"),
Static("Horizontal"),
Label("Layout"),
Label("Is"),
Label("Horizontal"),
id="horizontal-layout",
)

View File

@@ -2,13 +2,13 @@
The `layout` property defines how a widget arranges its children.
See the [layout](../guide/layout.md) guide for more information.
## Syntax
```
--8<-- "docs/snippets/syntax_block_start.md"
layout: grid | horizontal | vertical;
```
--8<-- "docs/snippets/syntax_block_end.md"
The `layout` style takes an option that defines how child widgets will be arranged, as per the table shown below.
### Values
@@ -18,6 +18,8 @@ layout: grid | horizontal | vertical;
| `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. |
See the [layout](../guide/layout.md) guide for more information.
## Example
Note how the `layout` property affects the arrangement of widgets in the example below.