mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Added docs for the new compose method
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
from textual.app import App, ComposeResult
|
||||
from textual.containers import Container, Horizontal, Vertical
|
||||
from textual.app import ComposeResult, App
|
||||
from textual.widgets import Static, Header
|
||||
from textual.widgets import Header, Static
|
||||
|
||||
|
||||
class CombiningLayoutsExample(App):
|
||||
@@ -8,28 +8,21 @@ class CombiningLayoutsExample(App):
|
||||
|
||||
def compose(self) -> ComposeResult:
|
||||
yield Header()
|
||||
yield Container(
|
||||
Vertical(
|
||||
*[Static(f"Vertical layout, child {number}") for number in range(15)],
|
||||
id="left-pane",
|
||||
),
|
||||
Horizontal(
|
||||
Static("Horizontally"),
|
||||
Static("Positioned"),
|
||||
Static("Children"),
|
||||
Static("Here"),
|
||||
id="top-right",
|
||||
),
|
||||
Container(
|
||||
Static("This"),
|
||||
Static("panel"),
|
||||
Static("is"),
|
||||
Static("using"),
|
||||
Static("grid layout!", id="bottom-right-final"),
|
||||
id="bottom-right",
|
||||
),
|
||||
id="app-grid",
|
||||
)
|
||||
with Container(id="app-grid"):
|
||||
with Vertical(id="left-pane"):
|
||||
for number in range(15):
|
||||
yield Static(f"Vertical layout, child {number}")
|
||||
with Horizontal(id="top-right"):
|
||||
yield Static("Horizontally")
|
||||
yield Static("Positioned")
|
||||
yield Static("Children")
|
||||
yield Static("Here")
|
||||
with Container(id="bottom-right"):
|
||||
yield Static("This")
|
||||
yield Static("panel")
|
||||
yield Static("is")
|
||||
yield Static("using")
|
||||
yield Static("grid layout!", id="bottom-right-final")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
|
||||
21
docs/examples/guide/layout/utility_containers_using_with.py
Normal file
21
docs/examples/guide/layout/utility_containers_using_with.py
Normal file
@@ -0,0 +1,21 @@
|
||||
from textual.app import App, ComposeResult
|
||||
from textual.containers import Horizontal, Vertical
|
||||
from textual.widgets import Static
|
||||
|
||||
|
||||
class UtilityContainersExample(App):
|
||||
CSS_PATH = "utility_containers.css"
|
||||
|
||||
def compose(self) -> ComposeResult:
|
||||
with Horizontal():
|
||||
with Vertical(classes="column"):
|
||||
yield Static("One")
|
||||
yield Static("Two")
|
||||
with Vertical(classes="column"):
|
||||
yield Static("Three")
|
||||
yield Static("Four")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app = UtilityContainersExample()
|
||||
app.run()
|
||||
Reference in New Issue
Block a user