✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
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 index():
return rx.vstack(
rx.badge(RadioState.text, color_scheme="green"),
rx.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.
from typing import List
options: List[str] = ["Option 1", "Option 2", "Option 3"]
class RadioState(rx.State):
text: str = "No Selection"
def index():
return rx.vstack(
rx.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.
from typing import List
options: List[str] = ["Option 1", "Option 2", "Option 3"]
class RadioState(rx.State):
text: str = "No Selection"
def index():
return rx.radio_group(
rx.radio_group(
rx.hstack(
rx.foreach(
options,
lambda option: rx.radio(option),
),
spacing="2em",
),
),
)A vstack can be used to stack the radio buttons vertically.
from typing import List
options: List[str] = ["Option 1", "Option 2", "Option 3"]
class RadioState(rx.State):
text: str = "No Selection"
def index():
return rx.radio_group(
rx.radio_group(
rx.vstack(
rx.foreach(
options,
lambda option: rx.radio(option),
),
),
),
)RadioGroup
A grouping of individual radio options.
Radio
Radios are used when only one choice may be selected in a series of options.
Base Event Triggers
Copyright © 2023 Pynecone, Inc.