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
|
- [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)
|
||||||
|
|||||||
Reference in New Issue
Block a user