mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Give radio button its own example code now
Still within a RadioSet, but this time only the code that uses RadioSet; not the code that just uses strings.
This commit is contained in:
7
docs/examples/widgets/radio_button.css
Normal file
7
docs/examples/widgets/radio_button.css
Normal file
@@ -0,0 +1,7 @@
|
||||
Screen {
|
||||
align: center middle;
|
||||
}
|
||||
|
||||
RadioSet {
|
||||
width: 50%;
|
||||
}
|
||||
26
docs/examples/widgets/radio_button.py
Normal file
26
docs/examples/widgets/radio_button.py
Normal file
@@ -0,0 +1,26 @@
|
||||
from textual.app import App, ComposeResult
|
||||
from textual.widgets import RadioButton, RadioSet
|
||||
|
||||
|
||||
class RadioChoicesApp(App[None]):
|
||||
CSS_PATH = "radio_button.css"
|
||||
|
||||
def compose(self) -> ComposeResult:
|
||||
yield RadioSet(
|
||||
RadioButton("Battlestar Galactica"),
|
||||
RadioButton("Dune 1984"),
|
||||
RadioButton("Dune 2021", id="focus_me"),
|
||||
RadioButton("Serenity", value=True),
|
||||
RadioButton("Star Trek: The Motion Picture"),
|
||||
RadioButton("Star Wars: A New Hope"),
|
||||
RadioButton("The Last Starfighter"),
|
||||
RadioButton("Total Recall :backhand_index_pointing_right: :red_circle:"),
|
||||
RadioButton("Wing Commander"),
|
||||
)
|
||||
|
||||
def on_mount(self) -> None:
|
||||
self.query_one("#focus_me", RadioButton).focus()
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
RadioChoicesApp().run()
|
||||
@@ -5,25 +5,27 @@ A simple radio button which stores a boolean value.
|
||||
- [x] Focusable
|
||||
- [ ] Container
|
||||
|
||||
A radio button is best used with others inside a [`RadioSet`](./radioset.md).
|
||||
|
||||
## Example
|
||||
|
||||
The example below shows radio buttons, used within [RadioSet][textual.widgets.RadioSet]s.
|
||||
The example below shows radio buttons, used within a [`RadioSet`](./radioset.md).
|
||||
|
||||
=== "Output"
|
||||
|
||||
```{.textual path="docs/examples/widgets/radio_set.py"}
|
||||
```{.textual path="docs/examples/widgets/radio_button.py"}
|
||||
```
|
||||
|
||||
=== "radio_set.py"
|
||||
=== "radio_button.py"
|
||||
|
||||
```python
|
||||
--8<-- "docs/examples/widgets/radio_set.py"
|
||||
--8<-- "docs/examples/widgets/radio_button.py"
|
||||
```
|
||||
|
||||
=== "radio_set.css"
|
||||
=== "radio_button.css"
|
||||
|
||||
```sass
|
||||
--8<-- "docs/examples/widgets/radio_set.css"
|
||||
--8<-- "docs/examples/widgets/radio_button.css"
|
||||
```
|
||||
|
||||
## Reactive Attributes
|
||||
@@ -57,3 +59,4 @@ The radio button widget provides the following component classes:
|
||||
## See Also
|
||||
|
||||
- [RadioButton](../api/radiobutton.md) code reference
|
||||
- [RadioSet](./radioset.md)
|
||||
|
||||
Reference in New Issue
Block a user