1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
from textual.app import App, ComposeResult
from textual.widget import Widget
from textual.widgets import Input, Label
class InputWithLabel(Widget):
"""An input with a label."""
DEFAULT_CSS = """
InputWithLabel {
layout: horizontal;
height: auto;
}
InputWithLabel Label {
padding: 1;
width: 12;
text-align: right;
}
InputWithLabel Input {
width: 1fr;
}
"""
def __init__(self, input_label: str) -> None:
self.input_label = input_label
super().__init__()
def compose(self) -> ComposeResult: # (1)!
yield Label(self.input_label)
yield Input()
class CompoundApp(App):
CSS = """
Screen {
align: center middle;
}
InputWithLabel {
width: 80%;
margin: 1;
}
"""
def compose(self) -> ComposeResult:
yield InputWithLabel("First Name")
yield InputWithLabel("Last Name")
yield InputWithLabel("Email")
if __name__ == "__main__":
app = CompoundApp()
app.run()
|
