Library
/
Chakra
/
Forms
/
Radiogroup
Radios are used when only one choice may be selected in a series of options.
No Selection
from typing import List
options: List[str] = ["Option 1", "Option 2", "Option 3"]
class RadioState(rx.State):
text: str = "No Selection"
def basic_radio_example():
return rx.chakra.vstack(
rx.chakra.badge(
RadioState.text, color_scheme="green"
),
rx.chakra.radio_group(
options,
on_change=RadioState.set_text,
),
)The default_value and default_checked arguments can be used to set the default value of the radio group.
rx.chakra.vstack(
rx.chakra.radio_group(
options,
default_value="Option 2",
default_checked=True,
),
)A hstack with the spacing argument can be used to set the spacing between the radio buttons.
rx.chakra.radio_group(
rx.chakra.radio_group(
rx.chakra.hstack(
rx.foreach(
options,
lambda option: rx.chakra.radio(option),
),
spacing="2em",
),
),
)A vstack can be used to stack the radio buttons vertically.
rx.chakra.radio_group(
rx.chakra.radio_group(
rx.chakra.vstack(
rx.foreach(
options,
lambda option: rx.chakra.radio(option),
),
),
),
)Radios are used when only one choice may be selected in a series of options.
Event Triggers
See the full list of default event triggersDid you find this useful?
No
Yes
