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:
Dave Pearson
2023-02-23 16:00:14 +00:00
parent 316faf9e45
commit 307b1789a1
3 changed files with 42 additions and 6 deletions

View File

@@ -0,0 +1,7 @@
Screen {
align: center middle;
}
RadioSet {
width: 50%;
}

View 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()

View File

@@ -5,25 +5,27 @@ A simple radio button which stores a boolean value.
- [x] Focusable - [x] Focusable
- [ ] Container - [ ] Container
A radio button is best used with others inside a [`RadioSet`](./radioset.md).
## Example ## 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" === "Output"
```{.textual path="docs/examples/widgets/radio_set.py"} ```{.textual path="docs/examples/widgets/radio_button.py"}
``` ```
=== "radio_set.py" === "radio_button.py"
```python ```python
--8<-- "docs/examples/widgets/radio_set.py" --8<-- "docs/examples/widgets/radio_button.py"
``` ```
=== "radio_set.css" === "radio_button.css"
```sass ```sass
--8<-- "docs/examples/widgets/radio_set.css" --8<-- "docs/examples/widgets/radio_button.css"
``` ```
## Reactive Attributes ## Reactive Attributes
@@ -57,3 +59,4 @@ The radio button widget provides the following component classes:
## See Also ## See Also
- [RadioButton](../api/radiobutton.md) code reference - [RadioButton](../api/radiobutton.md) code reference
- [RadioSet](./radioset.md)