reflex 0.3.7a1__py3-none-any.whl → 0.3.8__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of reflex might be problematic. Click here for more details.
- reflex/.templates/apps/blank/code/blank.py +0 -1
- reflex/.templates/apps/demo/code/demo.py +0 -1
- reflex/.templates/apps/sidebar/code/sidebar.py +6 -2
- reflex/.templates/jinja/web/pages/_app.js.jinja2 +4 -1
- reflex/.templates/jinja/web/pages/base_page.js.jinja2 +4 -1
- reflex/.templates/jinja/web/pages/utils.js.jinja2 +24 -0
- reflex/.templates/jinja/web/tailwind.config.js.jinja2 +4 -1
- reflex/.templates/web/utils/helpers/dataeditor.js +56 -54
- reflex/__init__.py +4 -2
- reflex/__init__.pyi +6 -2
- reflex/app.py +43 -9
- reflex/app.pyi +2 -1
- reflex/app_module_for_backend.py +13 -0
- reflex/compiler/compiler.py +19 -0
- reflex/components/__init__.py +9 -232
- reflex/components/base/__init__.py +5 -1
- reflex/components/base/app_wrap.py +1 -1
- reflex/components/base/app_wrap.pyi +1 -1
- reflex/components/base/document.py +0 -8
- reflex/components/base/document.pyi +0 -80
- reflex/components/{layout → base}/fragment.pyi +1 -1
- reflex/components/chakra/__init__.py +202 -19
- reflex/components/{libs/chakra.pyi → chakra/base.pyi} +1 -1
- reflex/components/chakra/datadisplay/__init__.py +12 -0
- reflex/components/{datadisplay → chakra/datadisplay}/badge.py +1 -1
- reflex/components/{datadisplay → chakra/datadisplay}/badge.pyi +2 -2
- reflex/components/{datadisplay → chakra/datadisplay}/code.py +5 -5
- reflex/components/{datadisplay → chakra/datadisplay}/code.pyi +5 -5
- reflex/components/{datadisplay → chakra/datadisplay}/divider.py +4 -2
- reflex/components/{datadisplay → chakra/datadisplay}/divider.pyi +5 -3
- reflex/components/{datadisplay → chakra/datadisplay}/keyboard_key.py +1 -1
- reflex/components/{datadisplay → chakra/datadisplay}/keyboard_key.pyi +2 -2
- reflex/components/{datadisplay → chakra/datadisplay}/list.py +3 -3
- reflex/components/{datadisplay → chakra/datadisplay}/list.pyi +4 -4
- reflex/components/{datadisplay → chakra/datadisplay}/stat.py +1 -1
- reflex/components/{datadisplay → chakra/datadisplay}/stat.pyi +2 -2
- reflex/components/{datadisplay → chakra/datadisplay}/table.py +2 -2
- reflex/components/{datadisplay → chakra/datadisplay}/table.pyi +3 -3
- reflex/components/{datadisplay → chakra/datadisplay}/tag.py +2 -2
- reflex/components/{datadisplay → chakra/datadisplay}/tag.pyi +3 -3
- reflex/components/{disclosure → chakra/disclosure}/accordion.py +1 -1
- reflex/components/{disclosure → chakra/disclosure}/accordion.pyi +2 -2
- reflex/components/{disclosure → chakra/disclosure}/tabs.py +2 -2
- reflex/components/{disclosure → chakra/disclosure}/tabs.pyi +3 -3
- reflex/components/{disclosure → chakra/disclosure}/transition.py +1 -1
- reflex/components/{disclosure → chakra/disclosure}/transition.pyi +2 -2
- reflex/components/{disclosure → chakra/disclosure}/visuallyhidden.py +1 -1
- reflex/components/{disclosure → chakra/disclosure}/visuallyhidden.pyi +2 -2
- reflex/components/{feedback → chakra/feedback}/alert.py +2 -2
- reflex/components/{feedback → chakra/feedback}/alert.pyi +2 -6
- reflex/components/{feedback → chakra/feedback}/circularprogress.py +1 -1
- reflex/components/{feedback → chakra/feedback}/circularprogress.pyi +2 -2
- reflex/components/{feedback → chakra/feedback}/progress.py +1 -1
- reflex/components/{feedback → chakra/feedback}/progress.pyi +2 -2
- reflex/components/{feedback → chakra/feedback}/skeleton.py +1 -1
- reflex/components/{feedback → chakra/feedback}/skeleton.pyi +2 -2
- reflex/components/{feedback → chakra/feedback}/spinner.py +1 -1
- reflex/components/{feedback → chakra/feedback}/spinner.pyi +2 -2
- reflex/components/{forms → chakra/forms}/__init__.py +2 -11
- reflex/components/{forms → chakra/forms}/button.py +3 -1
- reflex/components/{forms → chakra/forms}/button.pyi +2 -2
- reflex/components/{forms → chakra/forms}/checkbox.py +1 -1
- reflex/components/{forms → chakra/forms}/checkbox.pyi +2 -6
- reflex/components/{forms → chakra/forms}/colormodeswitch.py +10 -2
- reflex/components/{forms → chakra/forms}/colormodeswitch.pyi +83 -3
- reflex/components/{forms → chakra/forms}/date_picker.py +1 -1
- reflex/components/{forms → chakra/forms}/date_picker.pyi +2 -2
- reflex/components/{forms → chakra/forms}/date_time_picker.py +1 -1
- reflex/components/{forms → chakra/forms}/date_time_picker.pyi +2 -2
- reflex/components/{forms → chakra/forms}/editable.py +1 -1
- reflex/components/{forms → chakra/forms}/editable.pyi +2 -2
- reflex/components/{forms → chakra/forms}/email.py +1 -1
- reflex/components/{forms → chakra/forms}/email.pyi +2 -2
- reflex/components/{forms → chakra/forms}/form.py +1 -1
- reflex/components/{forms → chakra/forms}/form.pyi +2 -2
- reflex/components/{forms → chakra/forms}/iconbutton.py +1 -1
- reflex/components/{forms → chakra/forms}/iconbutton.pyi +2 -2
- reflex/components/{forms → chakra/forms}/input.py +5 -4
- reflex/components/{forms → chakra/forms}/input.pyi +59 -5
- reflex/components/{forms → chakra/forms}/numberinput.py +6 -2
- reflex/components/{forms → chakra/forms}/numberinput.pyi +10 -2
- reflex/components/{forms → chakra/forms}/password.py +1 -1
- reflex/components/{forms → chakra/forms}/password.pyi +2 -2
- reflex/components/{forms → chakra/forms}/pininput.py +1 -1
- reflex/components/{forms → chakra/forms}/pininput.pyi +2 -2
- reflex/components/{forms → chakra/forms}/radio.py +3 -3
- reflex/components/{forms → chakra/forms}/radio.pyi +4 -4
- reflex/components/{forms → chakra/forms}/rangeslider.py +1 -1
- reflex/components/{forms → chakra/forms}/rangeslider.pyi +2 -2
- reflex/components/{forms → chakra/forms}/select.py +3 -3
- reflex/components/{forms → chakra/forms}/select.pyi +4 -4
- reflex/components/{forms → chakra/forms}/slider.py +4 -3
- reflex/components/{forms → chakra/forms}/slider.pyi +5 -4
- reflex/components/{forms → chakra/forms}/switch.py +1 -1
- reflex/components/{forms → chakra/forms}/switch.pyi +2 -2
- reflex/components/{forms → chakra/forms}/textarea.py +2 -2
- reflex/components/{forms → chakra/forms}/textarea.pyi +3 -3
- reflex/components/chakra/forms/time_picker.py +11 -0
- reflex/components/chakra/forms/time_picker.pyi +129 -0
- reflex/components/{layout → chakra/layout}/__init__.py +1 -20
- reflex/components/{layout → chakra/layout}/aspect_ratio.py +1 -1
- reflex/components/{layout → chakra/layout}/aspect_ratio.pyi +2 -2
- reflex/components/{layout → chakra/layout}/box.py +1 -1
- reflex/components/{layout → chakra/layout}/box.pyi +2 -2
- reflex/components/{layout → chakra/layout}/card.py +2 -2
- reflex/components/{layout → chakra/layout}/card.pyi +3 -3
- reflex/components/{layout → chakra/layout}/center.py +1 -1
- reflex/components/{layout → chakra/layout}/center.pyi +2 -2
- reflex/components/{layout → chakra/layout}/container.py +1 -1
- reflex/components/{layout → chakra/layout}/container.pyi +2 -2
- reflex/components/{layout → chakra/layout}/flex.py +1 -1
- reflex/components/{layout → chakra/layout}/flex.pyi +2 -2
- reflex/components/{layout → chakra/layout}/grid.py +1 -1
- reflex/components/{layout → chakra/layout}/grid.pyi +2 -2
- reflex/components/{layout → chakra/layout}/html.py +1 -1
- reflex/components/{layout → chakra/layout}/html.pyi +2 -2
- reflex/components/{layout → chakra/layout}/spacer.py +1 -1
- reflex/components/{layout → chakra/layout}/spacer.pyi +2 -2
- reflex/components/{layout → chakra/layout}/stack.py +1 -1
- reflex/components/{layout → chakra/layout}/stack.pyi +2 -2
- reflex/components/{layout → chakra/layout}/wrap.py +1 -1
- reflex/components/{layout → chakra/layout}/wrap.pyi +2 -2
- reflex/components/chakra/media/__init__.py +7 -0
- reflex/components/{media → chakra/media}/avatar.py +1 -1
- reflex/components/{media → chakra/media}/avatar.pyi +2 -2
- reflex/components/chakra/media/icon.py +110 -0
- reflex/components/{media → chakra/media}/icon.pyi +2 -2
- reflex/components/chakra/media/image.py +1 -1
- reflex/components/chakra/media/image.pyi +1 -1
- reflex/components/{navigation → chakra/navigation}/__init__.py +0 -1
- reflex/components/{navigation → chakra/navigation}/breadcrumb.py +3 -3
- reflex/components/{navigation → chakra/navigation}/breadcrumb.pyi +4 -4
- reflex/components/{navigation → chakra/navigation}/link.py +2 -2
- reflex/components/{navigation → chakra/navigation}/link.pyi +3 -3
- reflex/components/{navigation → chakra/navigation}/linkoverlay.py +1 -1
- reflex/components/{navigation → chakra/navigation}/linkoverlay.pyi +2 -2
- reflex/components/{navigation → chakra/navigation}/stepper.py +1 -1
- reflex/components/{navigation → chakra/navigation}/stepper.pyi +2 -2
- reflex/components/{overlay → chakra/overlay}/__init__.py +0 -1
- reflex/components/{overlay → chakra/overlay}/alertdialog.py +2 -2
- reflex/components/{overlay → chakra/overlay}/alertdialog.pyi +3 -3
- reflex/components/{overlay → chakra/overlay}/drawer.py +3 -3
- reflex/components/{overlay → chakra/overlay}/drawer.pyi +4 -4
- reflex/components/{overlay → chakra/overlay}/menu.py +4 -6
- reflex/components/{overlay → chakra/overlay}/menu.pyi +4 -4
- reflex/components/{overlay → chakra/overlay}/modal.py +2 -2
- reflex/components/{overlay → chakra/overlay}/modal.pyi +3 -3
- reflex/components/{overlay → chakra/overlay}/popover.py +2 -2
- reflex/components/{overlay → chakra/overlay}/popover.pyi +3 -3
- reflex/components/{overlay → chakra/overlay}/tooltip.py +1 -1
- reflex/components/{overlay → chakra/overlay}/tooltip.pyi +2 -2
- reflex/components/{typography → chakra/typography}/__init__.py +0 -1
- reflex/components/{typography → chakra/typography}/heading.py +1 -1
- reflex/components/{typography → chakra/typography}/heading.pyi +2 -2
- reflex/components/{typography → chakra/typography}/highlight.py +1 -1
- reflex/components/{typography → chakra/typography}/highlight.pyi +2 -2
- reflex/components/{typography → chakra/typography}/span.py +1 -1
- reflex/components/{typography → chakra/typography}/span.pyi +2 -2
- reflex/components/{typography → chakra/typography}/text.py +1 -1
- reflex/components/{typography → chakra/typography}/text.pyi +2 -2
- reflex/components/component.py +7 -8
- reflex/components/core/__init__.py +22 -0
- reflex/components/{overlay → core}/banner.py +4 -3
- reflex/components/{overlay → core}/banner.pyi +5 -4
- reflex/components/{navigation → core}/client_side_routing.py +1 -1
- reflex/components/{navigation → core}/client_side_routing.pyi +2 -2
- reflex/components/{layout → core}/cond.py +1 -1
- reflex/components/{forms → core}/debounce.py +1 -1
- reflex/components/{forms → core}/debounce.pyi +2 -2
- reflex/components/{layout → core}/foreach.py +18 -2
- reflex/components/core/match.py +257 -0
- reflex/components/{layout → core}/responsive.py +1 -1
- reflex/components/{forms → core}/upload.py +2 -2
- reflex/components/{forms → core}/upload.pyi +3 -3
- reflex/components/datadisplay/__init__.py +4 -13
- reflex/components/el/elements/inline.py +4 -0
- reflex/components/el/elements/inline.pyi +3 -0
- reflex/components/gridjs/__init__.py +5 -0
- reflex/components/{datadisplay → gridjs}/datatable.pyi +1 -1
- reflex/components/literals.py +27 -0
- reflex/components/markdown/__init__.py +5 -0
- reflex/components/{typography → markdown}/markdown.py +16 -6
- reflex/components/{typography → markdown}/markdown.pyi +10 -5
- reflex/components/media/__init__.py +1 -8
- reflex/components/media/icon.py +2 -110
- reflex/components/moment/__init__.py +5 -0
- reflex/components/{datadisplay → moment}/moment.pyi +1 -1
- reflex/components/next/__init__.py +2 -0
- reflex/components/{navigation/nextlink.pyi → next/link.pyi} +1 -1
- reflex/components/plotly/__init__.py +5 -0
- reflex/components/{graphing → plotly}/plotly.pyi +1 -1
- reflex/components/radix/primitives/__init__.py +12 -1
- reflex/components/radix/primitives/accordion.py +33 -68
- reflex/components/radix/primitives/accordion.pyi +6 -89
- reflex/components/radix/primitives/base.py +27 -0
- reflex/components/radix/primitives/base.pyi +95 -0
- reflex/components/radix/primitives/form.py +267 -0
- reflex/components/radix/primitives/form.pyi +740 -0
- reflex/components/radix/primitives/progress.py +84 -0
- reflex/components/radix/primitives/progress.pyi +268 -0
- reflex/components/radix/primitives/slider.py +179 -0
- reflex/components/radix/primitives/slider.pyi +452 -0
- reflex/components/radix/themes/base.py +43 -31
- reflex/components/radix/themes/base.pyi +223 -29
- reflex/components/radix/themes/components/__init__.py +18 -3
- reflex/components/radix/themes/components/alertdialog.py +27 -6
- reflex/components/radix/themes/components/alertdialog.pyi +713 -2
- reflex/components/radix/themes/components/aspectratio.py +1 -1
- reflex/components/radix/themes/components/aspectratio.pyi +67 -2
- reflex/components/radix/themes/components/avatar.py +0 -3
- reflex/components/radix/themes/components/avatar.pyi +13 -13
- reflex/components/radix/themes/components/badge.py +1 -4
- reflex/components/radix/themes/components/badge.pyi +11 -11
- reflex/components/radix/themes/components/button.py +1 -1
- reflex/components/radix/themes/components/button.pyi +15 -11
- reflex/components/radix/themes/components/callout.pyi +144 -12
- reflex/components/radix/themes/components/card.py +1 -1
- reflex/components/radix/themes/components/card.pyi +68 -1
- reflex/components/radix/themes/components/checkbox.pyi +14 -12
- reflex/components/radix/themes/components/contextmenu.pyi +402 -8
- reflex/components/radix/themes/components/dialog.py +6 -0
- reflex/components/radix/themes/components/dialog.pyi +518 -0
- reflex/components/radix/themes/components/dropdownmenu.pyi +337 -8
- reflex/components/radix/themes/components/hovercard.pyi +195 -0
- reflex/components/radix/themes/components/iconbutton.pyi +14 -12
- reflex/components/radix/themes/components/icons.py +2 -2
- reflex/components/radix/themes/components/inset.pyi +65 -0
- reflex/components/radix/themes/components/popover.pyi +260 -0
- reflex/components/radix/themes/components/radiogroup.py +1 -1
- reflex/components/radix/themes/components/radiogroup.pyi +78 -9
- reflex/components/radix/themes/components/scrollarea.pyi +65 -0
- reflex/components/radix/themes/components/select.pyi +342 -13
- reflex/components/radix/themes/components/separator.pyi +7 -5
- reflex/components/radix/themes/components/slider.py +4 -4
- reflex/components/radix/themes/components/slider.pyi +17 -13
- reflex/components/radix/themes/components/switch.pyi +20 -18
- reflex/components/radix/themes/components/table.py +1 -1
- reflex/components/radix/themes/components/table.pyi +458 -1
- reflex/components/radix/themes/components/tabs.py +4 -4
- reflex/components/radix/themes/components/tabs.pyi +263 -3
- reflex/components/radix/themes/components/textarea.py +1 -1
- reflex/components/radix/themes/components/textarea.pyi +1 -1
- reflex/components/radix/themes/components/textfield.py +1 -1
- reflex/components/radix/themes/components/textfield.pyi +18 -14
- reflex/components/radix/themes/components/tooltip.py +15 -0
- reflex/components/radix/themes/components/tooltip.pyi +205 -0
- reflex/components/radix/themes/layout/base.pyi +65 -0
- reflex/components/radix/themes/layout/box.pyi +65 -0
- reflex/components/radix/themes/layout/container.pyi +65 -0
- reflex/components/radix/themes/layout/flex.pyi +65 -0
- reflex/components/radix/themes/layout/grid.pyi +65 -0
- reflex/components/radix/themes/layout/section.pyi +65 -0
- reflex/components/radix/themes/typography/blockquote.pyi +16 -14
- reflex/components/radix/themes/typography/code.pyi +22 -20
- reflex/components/radix/themes/typography/em.pyi +65 -0
- reflex/components/radix/themes/typography/heading.pyi +30 -28
- reflex/components/radix/themes/typography/kbd.pyi +65 -0
- reflex/components/radix/themes/typography/link.py +2 -1
- reflex/components/radix/themes/typography/link.pyi +121 -28
- reflex/components/radix/themes/typography/quote.pyi +66 -0
- reflex/components/radix/themes/typography/strong.pyi +65 -0
- reflex/components/radix/themes/typography/text.pyi +30 -28
- reflex/components/react_player/__init__.py +7 -0
- reflex/components/react_player/audio.py +8 -0
- reflex/components/{media → react_player}/audio.pyi +3 -3
- reflex/components/{libs → react_player}/react_player.py +1 -1
- reflex/components/{libs → react_player}/react_player.pyi +3 -3
- reflex/components/react_player/video.py +8 -0
- reflex/components/{media → react_player}/video.pyi +3 -3
- reflex/components/{graphing/recharts → recharts}/cartesian.pyi +1 -1
- reflex/components/{graphing/recharts → recharts}/charts.py +1 -1
- reflex/components/{graphing/recharts → recharts}/charts.pyi +2 -2
- reflex/components/{graphing/recharts → recharts}/general.pyi +1 -1
- reflex/components/{graphing/recharts → recharts}/polar.pyi +1 -1
- reflex/components/{graphing/recharts → recharts}/recharts.pyi +1 -1
- reflex/components/suneditor/__init__.py +5 -0
- reflex/components/{forms → suneditor}/editor.pyi +1 -1
- reflex/components/tags/__init__.py +1 -0
- reflex/components/tags/iter_tag.py +3 -3
- reflex/components/tags/match_tag.py +19 -0
- reflex/constants/base.py +2 -0
- reflex/constants/config.py +1 -1
- reflex/constants/installer.py +1 -0
- reflex/constants/style.py +1 -1
- reflex/event.py +1 -1
- reflex/reflex.py +14 -12
- reflex/state.py +14 -0
- reflex/style.py +1 -1
- reflex/testing.py +59 -9
- reflex/utils/build.py +7 -1
- reflex/utils/exceptions.py +6 -0
- reflex/utils/exec.py +2 -2
- reflex/utils/export.py +1 -1
- reflex/utils/format.py +41 -4
- reflex/utils/prerequisites.py +56 -11
- reflex/utils/processes.py +8 -1
- reflex/utils/types.py +2 -2
- reflex/vars.py +25 -1
- {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/METADATA +8 -2
- reflex-0.3.8.dist-info/RECORD +492 -0
- reflex/components/graphing/__init__.py +0 -5
- reflex/components/libs/__init__.py +0 -31
- reflex/components/media/audio.py +0 -8
- reflex/components/media/image.pyi +0 -123
- reflex/components/media/video.py +0 -8
- reflex-0.3.7a1.dist-info/RECORD +0 -470
- /reflex/components/{layout → base}/fragment.py +0 -0
- /reflex/components/{libs/chakra.py → chakra/base.py} +0 -0
- /reflex/components/{disclosure → chakra/disclosure}/__init__.py +0 -0
- /reflex/components/{feedback → chakra/feedback}/__init__.py +0 -0
- /reflex/components/{forms → chakra/forms}/multiselect.py +0 -0
- /reflex/components/{datadisplay → gridjs}/datatable.py +0 -0
- /reflex/components/{datadisplay → moment}/moment.py +0 -0
- /reflex/components/{navigation/nextlink.py → next/link.py} +0 -0
- /reflex/components/{graphing → plotly}/plotly.py +0 -0
- /reflex/components/{graphing/recharts → recharts}/__init__.py +0 -0
- /reflex/components/{graphing/recharts → recharts}/cartesian.py +0 -0
- /reflex/components/{graphing/recharts → recharts}/general.py +0 -0
- /reflex/components/{graphing/recharts → recharts}/polar.py +0 -0
- /reflex/components/{graphing/recharts → recharts}/recharts.py +0 -0
- /reflex/components/{forms → suneditor}/editor.py +0 -0
- {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/LICENSE +0 -0
- {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/WHEEL +0 -0
- {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/entry_points.txt +0 -0
|
@@ -26,17 +26,8 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
|
|
|
26
26
|
def create( # type: ignore
|
|
27
27
|
cls,
|
|
28
28
|
*children,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
|
|
32
|
-
] = None,
|
|
33
|
-
variant: Optional[
|
|
34
|
-
Union[
|
|
35
|
-
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
|
|
36
|
-
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
|
|
37
|
-
]
|
|
38
|
-
] = None,
|
|
39
|
-
color: Optional[
|
|
29
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
30
|
+
color_scheme: Optional[
|
|
40
31
|
Union[
|
|
41
32
|
Var[
|
|
42
33
|
Literal[
|
|
@@ -98,6 +89,16 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
|
|
|
98
89
|
],
|
|
99
90
|
]
|
|
100
91
|
] = None,
|
|
92
|
+
as_child: Optional[Union[Var[bool], bool]] = None,
|
|
93
|
+
size: Optional[
|
|
94
|
+
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
|
|
95
|
+
] = None,
|
|
96
|
+
variant: Optional[
|
|
97
|
+
Union[
|
|
98
|
+
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
|
|
99
|
+
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
|
|
100
|
+
]
|
|
101
|
+
] = None,
|
|
101
102
|
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
102
103
|
radius: Optional[
|
|
103
104
|
Union[
|
|
@@ -277,10 +278,11 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
|
|
|
277
278
|
|
|
278
279
|
Args:
|
|
279
280
|
*children: Child components.
|
|
281
|
+
color: map to CSS default color property.
|
|
282
|
+
color_scheme: map to radix color property.
|
|
280
283
|
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
281
284
|
size: Button size "1" - "4"
|
|
282
285
|
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
|
|
283
|
-
color: Override theme color for button
|
|
284
286
|
high_contrast: Whether to render the button with higher contrast color against background
|
|
285
287
|
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
|
|
286
288
|
auto_focus: Automatically focuses the button when the page loads
|
|
@@ -10,7 +10,7 @@ from reflex.utils import format
|
|
|
10
10
|
class RadixIconComponent(Component):
|
|
11
11
|
"""A component used as basis for Radix icons."""
|
|
12
12
|
|
|
13
|
-
library = "@radix-ui/react-icons"
|
|
13
|
+
library = "@radix-ui/react-icons@^1.3.0"
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
class Icon(RadixIconComponent):
|
|
@@ -43,7 +43,7 @@ class Icon(RadixIconComponent):
|
|
|
43
43
|
raise AttributeError("Missing 'tag' keyword-argument for Icon")
|
|
44
44
|
if type(props["tag"]) != str or props["tag"].lower() not in ICON_LIST:
|
|
45
45
|
raise ValueError(
|
|
46
|
-
f"Invalid icon tag: {props['tag']}. Please use one of the following: {ICON_LIST}"
|
|
46
|
+
f"Invalid icon tag: {props['tag']}. Please use one of the following: {sorted(ICON_LIST)}"
|
|
47
47
|
)
|
|
48
48
|
props["tag"] = format.to_title_case(props["tag"]) + "Icon"
|
|
49
49
|
return super().create(*children, **props)
|
|
@@ -20,6 +20,69 @@ class Inset(el.Div, CommonMarginProps, RadixThemesComponent):
|
|
|
20
20
|
def create( # type: ignore
|
|
21
21
|
cls,
|
|
22
22
|
*children,
|
|
23
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
24
|
+
color_scheme: Optional[
|
|
25
|
+
Union[
|
|
26
|
+
Var[
|
|
27
|
+
Literal[
|
|
28
|
+
"tomato",
|
|
29
|
+
"red",
|
|
30
|
+
"ruby",
|
|
31
|
+
"crimson",
|
|
32
|
+
"pink",
|
|
33
|
+
"plum",
|
|
34
|
+
"purple",
|
|
35
|
+
"violet",
|
|
36
|
+
"iris",
|
|
37
|
+
"indigo",
|
|
38
|
+
"blue",
|
|
39
|
+
"cyan",
|
|
40
|
+
"teal",
|
|
41
|
+
"jade",
|
|
42
|
+
"green",
|
|
43
|
+
"grass",
|
|
44
|
+
"brown",
|
|
45
|
+
"orange",
|
|
46
|
+
"sky",
|
|
47
|
+
"mint",
|
|
48
|
+
"lime",
|
|
49
|
+
"yellow",
|
|
50
|
+
"amber",
|
|
51
|
+
"gold",
|
|
52
|
+
"bronze",
|
|
53
|
+
"gray",
|
|
54
|
+
]
|
|
55
|
+
],
|
|
56
|
+
Literal[
|
|
57
|
+
"tomato",
|
|
58
|
+
"red",
|
|
59
|
+
"ruby",
|
|
60
|
+
"crimson",
|
|
61
|
+
"pink",
|
|
62
|
+
"plum",
|
|
63
|
+
"purple",
|
|
64
|
+
"violet",
|
|
65
|
+
"iris",
|
|
66
|
+
"indigo",
|
|
67
|
+
"blue",
|
|
68
|
+
"cyan",
|
|
69
|
+
"teal",
|
|
70
|
+
"jade",
|
|
71
|
+
"green",
|
|
72
|
+
"grass",
|
|
73
|
+
"brown",
|
|
74
|
+
"orange",
|
|
75
|
+
"sky",
|
|
76
|
+
"mint",
|
|
77
|
+
"lime",
|
|
78
|
+
"yellow",
|
|
79
|
+
"amber",
|
|
80
|
+
"gold",
|
|
81
|
+
"bronze",
|
|
82
|
+
"gray",
|
|
83
|
+
],
|
|
84
|
+
]
|
|
85
|
+
] = None,
|
|
23
86
|
side: Optional[
|
|
24
87
|
Union[
|
|
25
88
|
Var[Literal["x", "y", "top", "bottom", "right", "left"]],
|
|
@@ -184,6 +247,8 @@ class Inset(el.Div, CommonMarginProps, RadixThemesComponent):
|
|
|
184
247
|
|
|
185
248
|
Args:
|
|
186
249
|
*children: Child components.
|
|
250
|
+
color: map to CSS default color property.
|
|
251
|
+
color_scheme: map to radix color property.
|
|
187
252
|
side: The side
|
|
188
253
|
p: Padding
|
|
189
254
|
px: Padding on the x axis
|
|
@@ -19,6 +19,69 @@ class PopoverRoot(CommonMarginProps, RadixThemesComponent):
|
|
|
19
19
|
def create( # type: ignore
|
|
20
20
|
cls,
|
|
21
21
|
*children,
|
|
22
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
23
|
+
color_scheme: Optional[
|
|
24
|
+
Union[
|
|
25
|
+
Var[
|
|
26
|
+
Literal[
|
|
27
|
+
"tomato",
|
|
28
|
+
"red",
|
|
29
|
+
"ruby",
|
|
30
|
+
"crimson",
|
|
31
|
+
"pink",
|
|
32
|
+
"plum",
|
|
33
|
+
"purple",
|
|
34
|
+
"violet",
|
|
35
|
+
"iris",
|
|
36
|
+
"indigo",
|
|
37
|
+
"blue",
|
|
38
|
+
"cyan",
|
|
39
|
+
"teal",
|
|
40
|
+
"jade",
|
|
41
|
+
"green",
|
|
42
|
+
"grass",
|
|
43
|
+
"brown",
|
|
44
|
+
"orange",
|
|
45
|
+
"sky",
|
|
46
|
+
"mint",
|
|
47
|
+
"lime",
|
|
48
|
+
"yellow",
|
|
49
|
+
"amber",
|
|
50
|
+
"gold",
|
|
51
|
+
"bronze",
|
|
52
|
+
"gray",
|
|
53
|
+
]
|
|
54
|
+
],
|
|
55
|
+
Literal[
|
|
56
|
+
"tomato",
|
|
57
|
+
"red",
|
|
58
|
+
"ruby",
|
|
59
|
+
"crimson",
|
|
60
|
+
"pink",
|
|
61
|
+
"plum",
|
|
62
|
+
"purple",
|
|
63
|
+
"violet",
|
|
64
|
+
"iris",
|
|
65
|
+
"indigo",
|
|
66
|
+
"blue",
|
|
67
|
+
"cyan",
|
|
68
|
+
"teal",
|
|
69
|
+
"jade",
|
|
70
|
+
"green",
|
|
71
|
+
"grass",
|
|
72
|
+
"brown",
|
|
73
|
+
"orange",
|
|
74
|
+
"sky",
|
|
75
|
+
"mint",
|
|
76
|
+
"lime",
|
|
77
|
+
"yellow",
|
|
78
|
+
"amber",
|
|
79
|
+
"gold",
|
|
80
|
+
"bronze",
|
|
81
|
+
"gray",
|
|
82
|
+
],
|
|
83
|
+
]
|
|
84
|
+
] = None,
|
|
22
85
|
open: Optional[Union[Var[bool], bool]] = None,
|
|
23
86
|
modal: Optional[Union[Var[bool], bool]] = None,
|
|
24
87
|
m: Optional[
|
|
@@ -126,6 +189,8 @@ class PopoverRoot(CommonMarginProps, RadixThemesComponent):
|
|
|
126
189
|
|
|
127
190
|
Args:
|
|
128
191
|
*children: Child components.
|
|
192
|
+
color: map to CSS default color property.
|
|
193
|
+
color_scheme: map to radix color property.
|
|
129
194
|
open: The controlled open state of the popover.
|
|
130
195
|
modal: The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
|
|
131
196
|
m: Margin: "0" - "9"
|
|
@@ -154,6 +219,69 @@ class PopoverTrigger(CommonMarginProps, RadixThemesComponent):
|
|
|
154
219
|
def create( # type: ignore
|
|
155
220
|
cls,
|
|
156
221
|
*children,
|
|
222
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
223
|
+
color_scheme: Optional[
|
|
224
|
+
Union[
|
|
225
|
+
Var[
|
|
226
|
+
Literal[
|
|
227
|
+
"tomato",
|
|
228
|
+
"red",
|
|
229
|
+
"ruby",
|
|
230
|
+
"crimson",
|
|
231
|
+
"pink",
|
|
232
|
+
"plum",
|
|
233
|
+
"purple",
|
|
234
|
+
"violet",
|
|
235
|
+
"iris",
|
|
236
|
+
"indigo",
|
|
237
|
+
"blue",
|
|
238
|
+
"cyan",
|
|
239
|
+
"teal",
|
|
240
|
+
"jade",
|
|
241
|
+
"green",
|
|
242
|
+
"grass",
|
|
243
|
+
"brown",
|
|
244
|
+
"orange",
|
|
245
|
+
"sky",
|
|
246
|
+
"mint",
|
|
247
|
+
"lime",
|
|
248
|
+
"yellow",
|
|
249
|
+
"amber",
|
|
250
|
+
"gold",
|
|
251
|
+
"bronze",
|
|
252
|
+
"gray",
|
|
253
|
+
]
|
|
254
|
+
],
|
|
255
|
+
Literal[
|
|
256
|
+
"tomato",
|
|
257
|
+
"red",
|
|
258
|
+
"ruby",
|
|
259
|
+
"crimson",
|
|
260
|
+
"pink",
|
|
261
|
+
"plum",
|
|
262
|
+
"purple",
|
|
263
|
+
"violet",
|
|
264
|
+
"iris",
|
|
265
|
+
"indigo",
|
|
266
|
+
"blue",
|
|
267
|
+
"cyan",
|
|
268
|
+
"teal",
|
|
269
|
+
"jade",
|
|
270
|
+
"green",
|
|
271
|
+
"grass",
|
|
272
|
+
"brown",
|
|
273
|
+
"orange",
|
|
274
|
+
"sky",
|
|
275
|
+
"mint",
|
|
276
|
+
"lime",
|
|
277
|
+
"yellow",
|
|
278
|
+
"amber",
|
|
279
|
+
"gold",
|
|
280
|
+
"bronze",
|
|
281
|
+
"gray",
|
|
282
|
+
],
|
|
283
|
+
]
|
|
284
|
+
] = None,
|
|
157
285
|
m: Optional[
|
|
158
286
|
Union[
|
|
159
287
|
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
|
|
@@ -256,6 +384,8 @@ class PopoverTrigger(CommonMarginProps, RadixThemesComponent):
|
|
|
256
384
|
|
|
257
385
|
Args:
|
|
258
386
|
*children: Child components.
|
|
387
|
+
color: map to CSS default color property.
|
|
388
|
+
color_scheme: map to radix color property.
|
|
259
389
|
m: Margin: "0" - "9"
|
|
260
390
|
mx: Margin horizontal: "0" - "9"
|
|
261
391
|
my: Margin vertical: "0" - "9"
|
|
@@ -283,6 +413,69 @@ class PopoverContent(el.Div, CommonMarginProps, RadixThemesComponent):
|
|
|
283
413
|
def create( # type: ignore
|
|
284
414
|
cls,
|
|
285
415
|
*children,
|
|
416
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
417
|
+
color_scheme: Optional[
|
|
418
|
+
Union[
|
|
419
|
+
Var[
|
|
420
|
+
Literal[
|
|
421
|
+
"tomato",
|
|
422
|
+
"red",
|
|
423
|
+
"ruby",
|
|
424
|
+
"crimson",
|
|
425
|
+
"pink",
|
|
426
|
+
"plum",
|
|
427
|
+
"purple",
|
|
428
|
+
"violet",
|
|
429
|
+
"iris",
|
|
430
|
+
"indigo",
|
|
431
|
+
"blue",
|
|
432
|
+
"cyan",
|
|
433
|
+
"teal",
|
|
434
|
+
"jade",
|
|
435
|
+
"green",
|
|
436
|
+
"grass",
|
|
437
|
+
"brown",
|
|
438
|
+
"orange",
|
|
439
|
+
"sky",
|
|
440
|
+
"mint",
|
|
441
|
+
"lime",
|
|
442
|
+
"yellow",
|
|
443
|
+
"amber",
|
|
444
|
+
"gold",
|
|
445
|
+
"bronze",
|
|
446
|
+
"gray",
|
|
447
|
+
]
|
|
448
|
+
],
|
|
449
|
+
Literal[
|
|
450
|
+
"tomato",
|
|
451
|
+
"red",
|
|
452
|
+
"ruby",
|
|
453
|
+
"crimson",
|
|
454
|
+
"pink",
|
|
455
|
+
"plum",
|
|
456
|
+
"purple",
|
|
457
|
+
"violet",
|
|
458
|
+
"iris",
|
|
459
|
+
"indigo",
|
|
460
|
+
"blue",
|
|
461
|
+
"cyan",
|
|
462
|
+
"teal",
|
|
463
|
+
"jade",
|
|
464
|
+
"green",
|
|
465
|
+
"grass",
|
|
466
|
+
"brown",
|
|
467
|
+
"orange",
|
|
468
|
+
"sky",
|
|
469
|
+
"mint",
|
|
470
|
+
"lime",
|
|
471
|
+
"yellow",
|
|
472
|
+
"amber",
|
|
473
|
+
"gold",
|
|
474
|
+
"bronze",
|
|
475
|
+
"gray",
|
|
476
|
+
],
|
|
477
|
+
]
|
|
478
|
+
] = None,
|
|
286
479
|
size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
|
|
287
480
|
side: Optional[
|
|
288
481
|
Union[
|
|
@@ -462,6 +655,8 @@ class PopoverContent(el.Div, CommonMarginProps, RadixThemesComponent):
|
|
|
462
655
|
|
|
463
656
|
Args:
|
|
464
657
|
*children: Child components.
|
|
658
|
+
color: map to CSS default color property.
|
|
659
|
+
color_scheme: map to radix color property.
|
|
465
660
|
size: Size of the button: "1" | "2" | "3" | "4"
|
|
466
661
|
side: The preferred side of the anchor to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
|
|
467
662
|
side_offset: The distance in pixels from the anchor.
|
|
@@ -511,6 +706,69 @@ class PopoverClose(CommonMarginProps, RadixThemesComponent):
|
|
|
511
706
|
def create( # type: ignore
|
|
512
707
|
cls,
|
|
513
708
|
*children,
|
|
709
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
710
|
+
color_scheme: Optional[
|
|
711
|
+
Union[
|
|
712
|
+
Var[
|
|
713
|
+
Literal[
|
|
714
|
+
"tomato",
|
|
715
|
+
"red",
|
|
716
|
+
"ruby",
|
|
717
|
+
"crimson",
|
|
718
|
+
"pink",
|
|
719
|
+
"plum",
|
|
720
|
+
"purple",
|
|
721
|
+
"violet",
|
|
722
|
+
"iris",
|
|
723
|
+
"indigo",
|
|
724
|
+
"blue",
|
|
725
|
+
"cyan",
|
|
726
|
+
"teal",
|
|
727
|
+
"jade",
|
|
728
|
+
"green",
|
|
729
|
+
"grass",
|
|
730
|
+
"brown",
|
|
731
|
+
"orange",
|
|
732
|
+
"sky",
|
|
733
|
+
"mint",
|
|
734
|
+
"lime",
|
|
735
|
+
"yellow",
|
|
736
|
+
"amber",
|
|
737
|
+
"gold",
|
|
738
|
+
"bronze",
|
|
739
|
+
"gray",
|
|
740
|
+
]
|
|
741
|
+
],
|
|
742
|
+
Literal[
|
|
743
|
+
"tomato",
|
|
744
|
+
"red",
|
|
745
|
+
"ruby",
|
|
746
|
+
"crimson",
|
|
747
|
+
"pink",
|
|
748
|
+
"plum",
|
|
749
|
+
"purple",
|
|
750
|
+
"violet",
|
|
751
|
+
"iris",
|
|
752
|
+
"indigo",
|
|
753
|
+
"blue",
|
|
754
|
+
"cyan",
|
|
755
|
+
"teal",
|
|
756
|
+
"jade",
|
|
757
|
+
"green",
|
|
758
|
+
"grass",
|
|
759
|
+
"brown",
|
|
760
|
+
"orange",
|
|
761
|
+
"sky",
|
|
762
|
+
"mint",
|
|
763
|
+
"lime",
|
|
764
|
+
"yellow",
|
|
765
|
+
"amber",
|
|
766
|
+
"gold",
|
|
767
|
+
"bronze",
|
|
768
|
+
"gray",
|
|
769
|
+
],
|
|
770
|
+
]
|
|
771
|
+
] = None,
|
|
514
772
|
m: Optional[
|
|
515
773
|
Union[
|
|
516
774
|
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
|
|
@@ -613,6 +871,8 @@ class PopoverClose(CommonMarginProps, RadixThemesComponent):
|
|
|
613
871
|
|
|
614
872
|
Args:
|
|
615
873
|
*children: Child components.
|
|
874
|
+
color: map to CSS default color property.
|
|
875
|
+
color_scheme: map to radix color property.
|
|
616
876
|
m: Margin: "0" - "9"
|
|
617
877
|
mx: Margin horizontal: "0" - "9"
|
|
618
878
|
my: Margin vertical: "0" - "9"
|
|
@@ -16,7 +16,7 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
|
|
|
16
16
|
tag = "RadioGroup.Root"
|
|
17
17
|
|
|
18
18
|
# The size of the radio group: "1" | "2" | "3"
|
|
19
|
-
size: Var[Literal[1, 2, 3]]
|
|
19
|
+
size: Var[Literal["1", "2", "3"]]
|
|
20
20
|
|
|
21
21
|
# The variant of the radio group
|
|
22
22
|
variant: Var[Literal["classic", "surface", "soft"]]
|
|
@@ -18,14 +18,8 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
|
|
|
18
18
|
def create( # type: ignore
|
|
19
19
|
cls,
|
|
20
20
|
*children,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
Union[
|
|
24
|
-
Var[Literal["classic", "surface", "soft"]],
|
|
25
|
-
Literal["classic", "surface", "soft"],
|
|
26
|
-
]
|
|
27
|
-
] = None,
|
|
28
|
-
color: Optional[
|
|
21
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
22
|
+
color_scheme: Optional[
|
|
29
23
|
Union[
|
|
30
24
|
Var[
|
|
31
25
|
Literal[
|
|
@@ -87,6 +81,15 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
|
|
|
87
81
|
],
|
|
88
82
|
]
|
|
89
83
|
] = None,
|
|
84
|
+
size: Optional[
|
|
85
|
+
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
|
86
|
+
] = None,
|
|
87
|
+
variant: Optional[
|
|
88
|
+
Union[
|
|
89
|
+
Var[Literal["classic", "surface", "soft"]],
|
|
90
|
+
Literal["classic", "surface", "soft"],
|
|
91
|
+
]
|
|
92
|
+
] = None,
|
|
90
93
|
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
91
94
|
value: Optional[Union[Var[str], str]] = None,
|
|
92
95
|
default_value: Optional[Union[Var[str], str]] = None,
|
|
@@ -204,9 +207,10 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
|
|
|
204
207
|
|
|
205
208
|
Args:
|
|
206
209
|
*children: Child components.
|
|
210
|
+
color: map to CSS default color property.
|
|
211
|
+
color_scheme: map to radix color property.
|
|
207
212
|
size: The size of the radio group: "1" | "2" | "3"
|
|
208
213
|
variant: The variant of the radio group
|
|
209
|
-
color: The color of the radio group
|
|
210
214
|
high_contrast: Whether to render the radio group with higher contrast color against background
|
|
211
215
|
value: The controlled value of the radio item to check. Should be used in conjunction with onValueChange.
|
|
212
216
|
default_value: The initial value of checked radio item. Should be used in conjunction with onValueChange.
|
|
@@ -240,6 +244,69 @@ class RadioGroupItem(CommonMarginProps, RadixThemesComponent):
|
|
|
240
244
|
def create( # type: ignore
|
|
241
245
|
cls,
|
|
242
246
|
*children,
|
|
247
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
248
|
+
color_scheme: Optional[
|
|
249
|
+
Union[
|
|
250
|
+
Var[
|
|
251
|
+
Literal[
|
|
252
|
+
"tomato",
|
|
253
|
+
"red",
|
|
254
|
+
"ruby",
|
|
255
|
+
"crimson",
|
|
256
|
+
"pink",
|
|
257
|
+
"plum",
|
|
258
|
+
"purple",
|
|
259
|
+
"violet",
|
|
260
|
+
"iris",
|
|
261
|
+
"indigo",
|
|
262
|
+
"blue",
|
|
263
|
+
"cyan",
|
|
264
|
+
"teal",
|
|
265
|
+
"jade",
|
|
266
|
+
"green",
|
|
267
|
+
"grass",
|
|
268
|
+
"brown",
|
|
269
|
+
"orange",
|
|
270
|
+
"sky",
|
|
271
|
+
"mint",
|
|
272
|
+
"lime",
|
|
273
|
+
"yellow",
|
|
274
|
+
"amber",
|
|
275
|
+
"gold",
|
|
276
|
+
"bronze",
|
|
277
|
+
"gray",
|
|
278
|
+
]
|
|
279
|
+
],
|
|
280
|
+
Literal[
|
|
281
|
+
"tomato",
|
|
282
|
+
"red",
|
|
283
|
+
"ruby",
|
|
284
|
+
"crimson",
|
|
285
|
+
"pink",
|
|
286
|
+
"plum",
|
|
287
|
+
"purple",
|
|
288
|
+
"violet",
|
|
289
|
+
"iris",
|
|
290
|
+
"indigo",
|
|
291
|
+
"blue",
|
|
292
|
+
"cyan",
|
|
293
|
+
"teal",
|
|
294
|
+
"jade",
|
|
295
|
+
"green",
|
|
296
|
+
"grass",
|
|
297
|
+
"brown",
|
|
298
|
+
"orange",
|
|
299
|
+
"sky",
|
|
300
|
+
"mint",
|
|
301
|
+
"lime",
|
|
302
|
+
"yellow",
|
|
303
|
+
"amber",
|
|
304
|
+
"gold",
|
|
305
|
+
"bronze",
|
|
306
|
+
"gray",
|
|
307
|
+
],
|
|
308
|
+
]
|
|
309
|
+
] = None,
|
|
243
310
|
value: Optional[Union[Var[str], str]] = None,
|
|
244
311
|
disabled: Optional[Union[Var[bool], bool]] = None,
|
|
245
312
|
required: Optional[Union[Var[bool], bool]] = None,
|
|
@@ -345,6 +412,8 @@ class RadioGroupItem(CommonMarginProps, RadixThemesComponent):
|
|
|
345
412
|
|
|
346
413
|
Args:
|
|
347
414
|
*children: Child components.
|
|
415
|
+
color: map to CSS default color property.
|
|
416
|
+
color_scheme: map to radix color property.
|
|
348
417
|
value: The value of the radio item to check. Should be used in conjunction with onCheckedChange.
|
|
349
418
|
disabled: When true, prevents the user from interacting with the radio item.
|
|
350
419
|
required: When true, indicates that the user must check the radio item before the owning form can be submitted.
|
|
@@ -17,6 +17,69 @@ class ScrollArea(CommonMarginProps, RadixThemesComponent):
|
|
|
17
17
|
def create( # type: ignore
|
|
18
18
|
cls,
|
|
19
19
|
*children,
|
|
20
|
+
color: Optional[Union[Var[str], str]] = None,
|
|
21
|
+
color_scheme: Optional[
|
|
22
|
+
Union[
|
|
23
|
+
Var[
|
|
24
|
+
Literal[
|
|
25
|
+
"tomato",
|
|
26
|
+
"red",
|
|
27
|
+
"ruby",
|
|
28
|
+
"crimson",
|
|
29
|
+
"pink",
|
|
30
|
+
"plum",
|
|
31
|
+
"purple",
|
|
32
|
+
"violet",
|
|
33
|
+
"iris",
|
|
34
|
+
"indigo",
|
|
35
|
+
"blue",
|
|
36
|
+
"cyan",
|
|
37
|
+
"teal",
|
|
38
|
+
"jade",
|
|
39
|
+
"green",
|
|
40
|
+
"grass",
|
|
41
|
+
"brown",
|
|
42
|
+
"orange",
|
|
43
|
+
"sky",
|
|
44
|
+
"mint",
|
|
45
|
+
"lime",
|
|
46
|
+
"yellow",
|
|
47
|
+
"amber",
|
|
48
|
+
"gold",
|
|
49
|
+
"bronze",
|
|
50
|
+
"gray",
|
|
51
|
+
]
|
|
52
|
+
],
|
|
53
|
+
Literal[
|
|
54
|
+
"tomato",
|
|
55
|
+
"red",
|
|
56
|
+
"ruby",
|
|
57
|
+
"crimson",
|
|
58
|
+
"pink",
|
|
59
|
+
"plum",
|
|
60
|
+
"purple",
|
|
61
|
+
"violet",
|
|
62
|
+
"iris",
|
|
63
|
+
"indigo",
|
|
64
|
+
"blue",
|
|
65
|
+
"cyan",
|
|
66
|
+
"teal",
|
|
67
|
+
"jade",
|
|
68
|
+
"green",
|
|
69
|
+
"grass",
|
|
70
|
+
"brown",
|
|
71
|
+
"orange",
|
|
72
|
+
"sky",
|
|
73
|
+
"mint",
|
|
74
|
+
"lime",
|
|
75
|
+
"yellow",
|
|
76
|
+
"amber",
|
|
77
|
+
"gold",
|
|
78
|
+
"bronze",
|
|
79
|
+
"gray",
|
|
80
|
+
],
|
|
81
|
+
]
|
|
82
|
+
] = None,
|
|
20
83
|
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
|
|
21
84
|
radius: Optional[
|
|
22
85
|
Union[
|
|
@@ -139,6 +202,8 @@ class ScrollArea(CommonMarginProps, RadixThemesComponent):
|
|
|
139
202
|
|
|
140
203
|
Args:
|
|
141
204
|
*children: Child components.
|
|
205
|
+
color: map to CSS default color property.
|
|
206
|
+
color_scheme: map to radix color property.
|
|
142
207
|
size: The size of the radio group: "1" | "2" | "3"
|
|
143
208
|
radius: The radius of the radio group
|
|
144
209
|
scrollbars: The alignment of the scroll area
|