diff --git a/reflex/components/radix/themes/components/checkbox_group.py b/reflex/components/radix/themes/components/checkbox_group.py index 73bc0f53f..c2102b138 100644 --- a/reflex/components/radix/themes/components/checkbox_group.py +++ b/reflex/components/radix/themes/components/checkbox_group.py @@ -1,7 +1,7 @@ """Components for the CheckboxGroup component of Radix Themes.""" from types import SimpleNamespace -from typing import Literal +from typing import List, Literal from reflex.vars import Var @@ -11,9 +11,9 @@ from ..base import LiteralAccentColor, RadixThemesComponent class CheckboxGroupRoot(RadixThemesComponent): """Root element for a CheckboxGroup component.""" - tag = "CheckboxGroup" + tag = "CheckboxGroup.Root" - # + # Use the size prop to control the checkbox size. size: Var[Literal["1", "2", "3"]] # Variant of button: "classic" | "surface" | "soft" @@ -25,12 +25,24 @@ class CheckboxGroupRoot(RadixThemesComponent): # Uses a higher contrast color for the component. high_contrast: Var[bool] + # determines which checkboxes, if any, are checked by default. + default_value: Var[List[str]] + + # used to assign a name to the entire group of checkboxes + name: Var[str] + class CheckboxGroupItem(RadixThemesComponent): """An item in the CheckboxGroup component.""" tag = "CheckboxGroup.Item" + # specifies the value associated with a particular checkbox option. + value: Var[str] + + # Use the native disabled attribute to create a disabled checkbox. + disabled: Var[bool] + class CheckboxGroup(SimpleNamespace): """CheckboxGroup components namespace.""" diff --git a/reflex/components/radix/themes/components/checkbox_group.pyi b/reflex/components/radix/themes/components/checkbox_group.pyi index b77e48f9c..8de362fe5 100644 --- a/reflex/components/radix/themes/components/checkbox_group.pyi +++ b/reflex/components/radix/themes/components/checkbox_group.pyi @@ -8,7 +8,7 @@ from reflex.vars import Var, BaseVar, ComputedVar from reflex.event import EventChain, EventHandler, EventSpec from reflex.style import Style from types import SimpleNamespace -from typing import Literal +from typing import List, Literal from reflex.vars import Var from ..base import LiteralAccentColor, RadixThemesComponent @@ -90,6 +90,8 @@ class CheckboxGroupRoot(RadixThemesComponent): ] ] = None, high_contrast: Optional[Union[Var[bool], bool]] = None, + default_value: Optional[Union[Var[List[str]], List[str]]] = None, + name: Optional[Union[Var[str], str]] = None, style: Optional[Style] = None, key: Optional[Any] = None, id: Optional[Any] = None, @@ -150,10 +152,12 @@ class CheckboxGroupRoot(RadixThemesComponent): Args: *children: Child components. - size: + size: Use the size prop to control the checkbox size. variant: Variant of button: "classic" | "surface" | "soft" color_scheme: Override theme color for button high_contrast: Uses a higher contrast color for the component. + default_value: determines which checkboxes, if any, are checked by default. + name: used to assign a name to the entire group of checkboxes style: The style of the component. key: A unique key for the component. id: The id for the component. @@ -173,6 +177,8 @@ class CheckboxGroupItem(RadixThemesComponent): def create( # type: ignore cls, *children, + value: Optional[Union[Var[str], str]] = None, + disabled: Optional[Union[Var[bool], bool]] = None, style: Optional[Style] = None, key: Optional[Any] = None, id: Optional[Any] = None, @@ -233,6 +239,8 @@ class CheckboxGroupItem(RadixThemesComponent): Args: *children: Child components. + value: specifies the value associated with a particular checkbox option. + disabled: Use the native disabled attribute to create a disabled checkbox. style: The style of the component. key: A unique key for the component. id: The id for the component.