Experimental layout components (#3066)
This commit is contained in:
Thomas Brandého
GitHub
parent
5466d0d9a6
commit
36f564d5b0
@ -662,9 +662,11 @@ class Component(BaseComponent, ABC):
|
|||||||
(
|
(
|
||||||
child
|
child
|
||||||
if isinstance(child, Component)
|
if isinstance(child, Component)
|
||||||
else Fragment.create(*child)
|
else (
|
||||||
if isinstance(child, tuple)
|
Fragment.create(*child)
|
||||||
else Bare.create(contents=Var.create(child, _var_is_string=True))
|
if isinstance(child, tuple)
|
||||||
|
else Bare.create(contents=Var.create(child, _var_is_string=True))
|
||||||
|
)
|
||||||
)
|
)
|
||||||
for child in children
|
for child in children
|
||||||
]
|
]
|
||||||
@ -1053,6 +1055,11 @@ class Component(BaseComponent, ABC):
|
|||||||
ImportVar(tag="useEffect"),
|
ImportVar(tag="useEffect"),
|
||||||
},
|
},
|
||||||
)
|
)
|
||||||
|
|
||||||
|
user_hooks = self._get_hooks()
|
||||||
|
if user_hooks is not None and isinstance(user_hooks, Var):
|
||||||
|
_imports = imports.merge_imports(_imports, user_hooks._var_data.imports) # type: ignore
|
||||||
|
|
||||||
return _imports
|
return _imports
|
||||||
|
|
||||||
def _get_imports(self) -> imports.ImportDict:
|
def _get_imports(self) -> imports.ImportDict:
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,162 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/components/aspectratio.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from typing import Union
|
|
||||||
from reflex.vars import Var
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
|
|
||||||
class AspectRatio(RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
ratio: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "AspectRatio":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
ratio: The ratio of the width to the height of the element
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
aspect_ratio = AspectRatio.create
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,700 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/components/hovercard.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
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 Any, Dict, Literal
|
|
||||||
from reflex import el
|
|
||||||
from reflex.constants import EventTriggers
|
|
||||||
from reflex.vars import Var
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
|
|
||||||
class HoverCardRoot(RadixThemesComponent):
|
|
||||||
def get_event_triggers(self) -> Dict[str, Any]: ...
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
default_open: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
open: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
open_delay: Optional[Union[Var[int], int]] = None,
|
|
||||||
close_delay: Optional[Union[Var[int], int]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_open_change: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "HoverCardRoot":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
default_open: The open state of the hover card when it is initially rendered. Use when you do not need to control its open state.
|
|
||||||
open: The controlled open state of the hover card. Must be used in conjunction with onOpenChange.
|
|
||||||
open_delay: The duration from when the mouse enters the trigger until the hover card opens.
|
|
||||||
close_delay: The duration from when the mouse leaves the trigger until the hover card closes.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
class HoverCardTrigger(RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "HoverCardTrigger":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
class HoverCardContent(el.Div, RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
side: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["top", "right", "bottom", "left"]],
|
|
||||||
Literal["top", "right", "bottom", "left"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
side_offset: Optional[Union[Var[int], int]] = None,
|
|
||||||
align: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["start", "center", "end"]],
|
|
||||||
Literal["start", "center", "end"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
avoid_collisions: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
access_key: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
auto_capitalize: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
content_editable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
context_menu: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
draggable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
enter_key_hint: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
hidden: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
input_mode: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
item_prop: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
spell_check: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
tab_index: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
title: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "HoverCardContent":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
side: The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
|
|
||||||
side_offset: The distance in pixels from the trigger.
|
|
||||||
align: The preferred alignment against the trigger. May change when collisions occur.
|
|
||||||
avoid_collisions: Whether or not the hover card should avoid collisions with its trigger.
|
|
||||||
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
|
||||||
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
|
||||||
content_editable: Indicates whether the element's content is editable.
|
|
||||||
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
||||||
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
||||||
draggable: Defines whether the element can be dragged.
|
|
||||||
enter_key_hint: Hints what media types the media element is able to play.
|
|
||||||
hidden: Defines whether the element is hidden.
|
|
||||||
input_mode: Defines the type of the element.
|
|
||||||
item_prop: Defines the name of the element for metadata purposes.
|
|
||||||
lang: Defines the language used in the element.
|
|
||||||
role: Defines the role of the element.
|
|
||||||
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
||||||
spell_check: Defines whether the element may be checked for spelling errors.
|
|
||||||
tab_index: Defines the position of the current element in the tabbing order.
|
|
||||||
title: Defines a tooltip for the element.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
class HoverCard(SimpleNamespace):
|
|
||||||
root = staticmethod(HoverCardRoot.create)
|
|
||||||
trigger = staticmethod(HoverCardTrigger.create)
|
|
||||||
content = staticmethod(HoverCardContent.create)
|
|
||||||
|
|
||||||
@staticmethod
|
|
||||||
def __call__(
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
default_open: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
open: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
open_delay: Optional[Union[Var[int], int]] = None,
|
|
||||||
close_delay: Optional[Union[Var[int], int]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_open_change: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "HoverCardRoot":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
default_open: The open state of the hover card when it is initially rendered. Use when you do not need to control its open state.
|
|
||||||
open: The controlled open state of the hover card. Must be used in conjunction with onOpenChange.
|
|
||||||
open_delay: The duration from when the mouse enters the trigger until the hover card opens.
|
|
||||||
close_delay: The duration from when the mouse leaves the trigger until the hover card closes.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
hover_card = HoverCard()
|
|
||||||
@ -1,284 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/components/iconbutton.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from typing import Literal
|
|
||||||
from reflex import el
|
|
||||||
from reflex.components.component import Component
|
|
||||||
from reflex.components.core.match import Match
|
|
||||||
from reflex.components.lucide import Icon
|
|
||||||
from reflex.style import Style
|
|
||||||
from reflex.vars import Var
|
|
||||||
from ..base import (
|
|
||||||
LiteralAccentColor,
|
|
||||||
LiteralRadius,
|
|
||||||
LiteralVariant,
|
|
||||||
RadixThemesComponent,
|
|
||||||
)
|
|
||||||
|
|
||||||
LiteralButtonSize = Literal["1", "2", "3", "4"]
|
|
||||||
|
|
||||||
class IconButton(el.Button, RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
as_child: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
size: Optional[
|
|
||||||
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
|
|
||||||
] = None,
|
|
||||||
variant: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
|
|
||||||
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
radius: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["none", "small", "medium", "large", "full"]],
|
|
||||||
Literal["none", "small", "medium", "large", "full"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
auto_focus: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
form: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
form_action: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
form_enc_type: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
form_method: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
form_no_validate: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
form_target: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
name: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
type: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
value: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
access_key: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
auto_capitalize: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
content_editable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
context_menu: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
draggable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
enter_key_hint: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
hidden: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
input_mode: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
item_prop: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
spell_check: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
tab_index: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
title: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "IconButton":
|
|
||||||
"""Create a IconButton component.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: The children of the component.
|
|
||||||
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
||||||
size: Button size "1" - "4"
|
|
||||||
variant: Variant of button: "classic" | "solid" | "soft" | "surface" | "outline" | "ghost"
|
|
||||||
color_scheme: Override theme color for button
|
|
||||||
high_contrast: Whether to render the button with higher contrast color against background
|
|
||||||
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
|
|
||||||
auto_focus: Automatically focuses the button when the page loads
|
|
||||||
disabled: Disables the button
|
|
||||||
form: Associates the button with a form (by id)
|
|
||||||
form_action: URL to send the form data to (for type="submit" buttons)
|
|
||||||
form_enc_type: How the form data should be encoded when submitting to the server (for type="submit" buttons)
|
|
||||||
form_method: HTTP method to use for sending form data (for type="submit" buttons)
|
|
||||||
form_no_validate: Bypasses form validation when submitting (for type="submit" buttons)
|
|
||||||
form_target: Specifies where to display the response after submitting the form (for type="submit" buttons)
|
|
||||||
name: Name of the button, used when sending form data
|
|
||||||
type: Type of the button (submit, reset, or button)
|
|
||||||
value: Value of the button, used when sending form data
|
|
||||||
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
|
||||||
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
|
||||||
content_editable: Indicates whether the element's content is editable.
|
|
||||||
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
||||||
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
||||||
draggable: Defines whether the element can be dragged.
|
|
||||||
enter_key_hint: Hints what media types the media element is able to play.
|
|
||||||
hidden: Defines whether the element is hidden.
|
|
||||||
input_mode: Defines the type of the element.
|
|
||||||
item_prop: Defines the name of the element for metadata purposes.
|
|
||||||
lang: Defines the language used in the element.
|
|
||||||
role: Defines the role of the element.
|
|
||||||
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
||||||
spell_check: Defines whether the element may be checked for spelling errors.
|
|
||||||
tab_index: Defines the position of the current element in the tabbing order.
|
|
||||||
title: Defines a tooltip for the element.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: The properties of the component.
|
|
||||||
|
|
||||||
Raises:
|
|
||||||
ValueError: If no children are passed.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
The IconButton component.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
icon_button = IconButton.create
|
|
||||||
@ -1,701 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/components/radiogroup.py"""
|
|
||||||
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
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 Any, Dict, List, Literal, Optional, Union
|
|
||||||
import reflex as rx
|
|
||||||
from reflex.components.component import Component
|
|
||||||
from reflex.components.radix.themes.layout.flex import Flex
|
|
||||||
from reflex.components.radix.themes.typography.text import Text
|
|
||||||
from reflex.constants import EventTriggers
|
|
||||||
from reflex.vars import Var
|
|
||||||
from ..base import LiteralAccentColor, LiteralSpacing, RadixThemesComponent
|
|
||||||
|
|
||||||
LiteralFlexDirection = Literal["row", "column", "row-reverse", "column-reverse"]
|
|
||||||
|
|
||||||
class RadioGroupRoot(RadixThemesComponent):
|
|
||||||
def get_event_triggers(self) -> Dict[str, Any]: ...
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
size: Optional[
|
|
||||||
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
|
||||||
] = None,
|
|
||||||
variant: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["classic", "surface", "soft"]],
|
|
||||||
Literal["classic", "surface", "soft"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
value: Optional[Union[Var[str], str]] = None,
|
|
||||||
default_value: Optional[Union[Var[str], str]] = None,
|
|
||||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
name: Optional[Union[Var[str], str]] = None,
|
|
||||||
required: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_change: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "RadioGroupRoot":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
size: The size of the radio group: "1" | "2" | "3"
|
|
||||||
variant: The variant of the radio group
|
|
||||||
high_contrast: Whether to render the radio group with higher contrast color against background
|
|
||||||
value: The controlled value of the radio item to check. Should be used in conjunction with on_change.
|
|
||||||
default_value: The initial value of checked radio item. Should be used in conjunction with on_change.
|
|
||||||
disabled: Whether the radio group is disabled
|
|
||||||
name: The name of the group. Submitted with its owning form as part of a name/value pair.
|
|
||||||
required: Whether the radio group is required
|
|
||||||
style: Props to rename The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
class RadioGroupItem(RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
value: Optional[Union[Var[str], str]] = None,
|
|
||||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
required: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "RadioGroupItem":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
value: The value of the radio item to check. Should be used in conjunction with on_change.
|
|
||||||
disabled: When true, prevents the user from interacting with the radio item.
|
|
||||||
required: When true, indicates that the user must check the radio item before the owning form can be submitted.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
class HighLevelRadioGroup(RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
items: Optional[Union[Var[List[str]], List[str]]] = None,
|
|
||||||
direction: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["row", "column", "row-reverse", "column-reverse"]],
|
|
||||||
Literal["row", "column", "row-reverse", "column-reverse"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
spacing: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
|
|
||||||
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
size: Optional[
|
|
||||||
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
|
||||||
] = None,
|
|
||||||
variant: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["classic", "surface", "soft"]],
|
|
||||||
Literal["classic", "surface", "soft"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
value: Optional[Union[Var[str], str]] = None,
|
|
||||||
default_value: Optional[Union[Var[str], str]] = None,
|
|
||||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
name: Optional[Union[Var[str], str]] = None,
|
|
||||||
required: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "HighLevelRadioGroup":
|
|
||||||
"""Create a radio group component.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
items: The items of the radio group.
|
|
||||||
items: The items of the radio group.
|
|
||||||
direction: The direction of the radio group.
|
|
||||||
spacing: The gap between the items of the radio group.
|
|
||||||
size: The size of the radio group.
|
|
||||||
variant: The variant of the radio group
|
|
||||||
color_scheme: The color of the radio group
|
|
||||||
high_contrast: Whether to render the radio group with higher contrast color against background
|
|
||||||
value: The controlled value of the radio item to check. Should be used in conjunction with on_change.
|
|
||||||
default_value: The initial value of checked radio item. Should be used in conjunction with on_change.
|
|
||||||
disabled: Whether the radio group is disabled
|
|
||||||
name: The name of the group. Submitted with its owning form as part of a name/value pair.
|
|
||||||
required: Whether the radio group is required
|
|
||||||
style: Props to rename The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Additional properties to apply to the accordion item.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
The created radio group component.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
class RadioGroup(SimpleNamespace):
|
|
||||||
root = staticmethod(RadioGroupRoot.create)
|
|
||||||
item = staticmethod(RadioGroupItem.create)
|
|
||||||
|
|
||||||
@staticmethod
|
|
||||||
def __call__(
|
|
||||||
*children,
|
|
||||||
items: Optional[Union[Var[List[str]], List[str]]] = None,
|
|
||||||
direction: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["row", "column", "row-reverse", "column-reverse"]],
|
|
||||||
Literal["row", "column", "row-reverse", "column-reverse"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
spacing: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
|
|
||||||
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
size: Optional[
|
|
||||||
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
|
||||||
] = None,
|
|
||||||
variant: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["classic", "surface", "soft"]],
|
|
||||||
Literal["classic", "surface", "soft"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
value: Optional[Union[Var[str], str]] = None,
|
|
||||||
default_value: Optional[Union[Var[str], str]] = None,
|
|
||||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
name: Optional[Union[Var[str], str]] = None,
|
|
||||||
required: Optional[Union[Var[bool], bool]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "HighLevelRadioGroup":
|
|
||||||
"""Create a radio group component.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
items: The items of the radio group.
|
|
||||||
items: The items of the radio group.
|
|
||||||
direction: The direction of the radio group.
|
|
||||||
spacing: The gap between the items of the radio group.
|
|
||||||
size: The size of the radio group.
|
|
||||||
variant: The variant of the radio group
|
|
||||||
color_scheme: The color of the radio group
|
|
||||||
high_contrast: Whether to render the radio group with higher contrast color against background
|
|
||||||
value: The controlled value of the radio item to check. Should be used in conjunction with on_change.
|
|
||||||
default_value: The initial value of checked radio item. Should be used in conjunction with on_change.
|
|
||||||
disabled: Whether the radio group is disabled
|
|
||||||
name: The name of the group. Submitted with its owning form as part of a name/value pair.
|
|
||||||
required: Whether the radio group is required
|
|
||||||
style: Props to rename The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Additional properties to apply to the accordion item.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
The created radio group component.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
radio_group = RadioGroup()
|
|
||||||
@ -1,176 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/components/scrollarea.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from typing import Literal
|
|
||||||
from reflex.vars import Var
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
|
|
||||||
class ScrollArea(RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
scrollbars: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["vertical", "horizontal", "both"]],
|
|
||||||
Literal["vertical", "horizontal", "both"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
type_: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["auto", "always", "scroll", "hover"]],
|
|
||||||
Literal["auto", "always", "scroll", "hover"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
scroll_hide_delay: Optional[Union[Var[int], int]] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "ScrollArea":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
scrollbars: The alignment of the scroll area
|
|
||||||
type_: Describes the nature of scrollbar visibility, similar to how the scrollbar preferences in MacOS control visibility of native scrollbars. "auto" | "always" | "scroll" | "hover"
|
|
||||||
scroll_hide_delay: If type is set to either "scroll" or "hover", this prop determines the length of time, in milliseconds, before the scrollbars are hidden after the user stops interacting with scrollbars.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
|
|
||||||
scroll_area = ScrollArea.create
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,213 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/typography/em.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from reflex import el
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
|
|
||||||
class Em(el.Em, RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
access_key: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
auto_capitalize: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
content_editable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
context_menu: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
draggable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
enter_key_hint: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
hidden: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
input_mode: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
item_prop: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
spell_check: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
tab_index: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
title: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "Em":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
|
||||||
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
|
||||||
content_editable: Indicates whether the element's content is editable.
|
|
||||||
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
||||||
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
||||||
draggable: Defines whether the element can be dragged.
|
|
||||||
enter_key_hint: Hints what media types the media element is able to play.
|
|
||||||
hidden: Defines whether the element is hidden.
|
|
||||||
input_mode: Defines the type of the element.
|
|
||||||
item_prop: Defines the name of the element for metadata purposes.
|
|
||||||
lang: Defines the language used in the element.
|
|
||||||
role: Defines the role of the element.
|
|
||||||
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
||||||
spell_check: Defines whether the element may be checked for spelling errors.
|
|
||||||
tab_index: Defines the position of the current element in the tabbing order.
|
|
||||||
title: Defines a tooltip for the element.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
@ -1,222 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/typography/kbd.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from reflex import el
|
|
||||||
from reflex.vars import Var
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
from .base import LiteralTextSize
|
|
||||||
|
|
||||||
class Kbd(el.Kbd, RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
size: Optional[
|
|
||||||
Union[
|
|
||||||
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
|
|
||||||
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
access_key: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
auto_capitalize: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
content_editable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
context_menu: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
draggable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
enter_key_hint: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
hidden: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
input_mode: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
item_prop: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
spell_check: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
tab_index: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
title: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "Kbd":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
size: Text size: "1" - "9"
|
|
||||||
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
|
||||||
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
|
||||||
content_editable: Indicates whether the element's content is editable.
|
|
||||||
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
||||||
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
||||||
draggable: Defines whether the element can be dragged.
|
|
||||||
enter_key_hint: Hints what media types the media element is able to play.
|
|
||||||
hidden: Defines whether the element is hidden.
|
|
||||||
input_mode: Defines the type of the element.
|
|
||||||
item_prop: Defines the name of the element for metadata purposes.
|
|
||||||
lang: Defines the language used in the element.
|
|
||||||
role: Defines the role of the element.
|
|
||||||
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
||||||
spell_check: Defines whether the element may be checked for spelling errors.
|
|
||||||
tab_index: Defines the position of the current element in the tabbing order.
|
|
||||||
title: Defines a tooltip for the element.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
@ -1,215 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/typography/quote.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from reflex import el
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
|
|
||||||
class Quote(el.Q, RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
cite: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
access_key: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
auto_capitalize: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
content_editable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
context_menu: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
draggable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
enter_key_hint: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
hidden: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
input_mode: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
item_prop: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
spell_check: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
tab_index: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
title: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "Quote":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
cite: Specifies the source URL of the quote.
|
|
||||||
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
|
||||||
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
|
||||||
content_editable: Indicates whether the element's content is editable.
|
|
||||||
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
||||||
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
||||||
draggable: Defines whether the element can be dragged.
|
|
||||||
enter_key_hint: Hints what media types the media element is able to play.
|
|
||||||
hidden: Defines whether the element is hidden.
|
|
||||||
input_mode: Defines the type of the element.
|
|
||||||
item_prop: Defines the name of the element for metadata purposes.
|
|
||||||
lang: Defines the language used in the element.
|
|
||||||
role: Defines the role of the element.
|
|
||||||
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
||||||
spell_check: Defines whether the element may be checked for spelling errors.
|
|
||||||
tab_index: Defines the position of the current element in the tabbing order.
|
|
||||||
title: Defines a tooltip for the element.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
@ -1,213 +0,0 @@
|
|||||||
"""Stub file for reflex/components/radix/themes/typography/strong.py"""
|
|
||||||
# ------------------- DO NOT EDIT ----------------------
|
|
||||||
# This file was generated by `scripts/pyi_generator.py`!
|
|
||||||
# ------------------------------------------------------
|
|
||||||
|
|
||||||
from typing import Any, Dict, Literal, Optional, Union, overload
|
|
||||||
from reflex.vars import Var, BaseVar, ComputedVar
|
|
||||||
from reflex.event import EventChain, EventHandler, EventSpec
|
|
||||||
from reflex.style import Style
|
|
||||||
from reflex import el
|
|
||||||
from ..base import RadixThemesComponent
|
|
||||||
|
|
||||||
class Strong(el.Strong, RadixThemesComponent):
|
|
||||||
@overload
|
|
||||||
@classmethod
|
|
||||||
def create( # type: ignore
|
|
||||||
cls,
|
|
||||||
*children,
|
|
||||||
color: Optional[Union[Var[str], str]] = None,
|
|
||||||
color_scheme: Optional[
|
|
||||||
Union[
|
|
||||||
Var[
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
]
|
|
||||||
],
|
|
||||||
Literal[
|
|
||||||
"tomato",
|
|
||||||
"red",
|
|
||||||
"ruby",
|
|
||||||
"crimson",
|
|
||||||
"pink",
|
|
||||||
"plum",
|
|
||||||
"purple",
|
|
||||||
"violet",
|
|
||||||
"iris",
|
|
||||||
"indigo",
|
|
||||||
"blue",
|
|
||||||
"cyan",
|
|
||||||
"teal",
|
|
||||||
"jade",
|
|
||||||
"green",
|
|
||||||
"grass",
|
|
||||||
"brown",
|
|
||||||
"orange",
|
|
||||||
"sky",
|
|
||||||
"mint",
|
|
||||||
"lime",
|
|
||||||
"yellow",
|
|
||||||
"amber",
|
|
||||||
"gold",
|
|
||||||
"bronze",
|
|
||||||
"gray",
|
|
||||||
],
|
|
||||||
]
|
|
||||||
] = None,
|
|
||||||
access_key: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
auto_capitalize: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
content_editable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
context_menu: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
draggable: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
enter_key_hint: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
hidden: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
input_mode: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
item_prop: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
||||||
spell_check: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
tab_index: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
title: Optional[
|
|
||||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
||||||
] = None,
|
|
||||||
style: Optional[Style] = None,
|
|
||||||
key: Optional[Any] = None,
|
|
||||||
id: Optional[Any] = None,
|
|
||||||
class_name: Optional[Any] = None,
|
|
||||||
autofocus: Optional[bool] = None,
|
|
||||||
_rename_props: Optional[Dict[str, str]] = None,
|
|
||||||
custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
||||||
on_blur: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_context_menu: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_double_click: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_focus: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_down: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_enter: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_leave: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_move: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_out: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_over: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_mouse_up: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_scroll: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
on_unmount: Optional[
|
|
||||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
||||||
] = None,
|
|
||||||
**props
|
|
||||||
) -> "Strong":
|
|
||||||
"""Create a new component instance.
|
|
||||||
|
|
||||||
Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
||||||
other UI libraries for common names, like Text and Button.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
*children: Child components.
|
|
||||||
color: map to CSS default color property.
|
|
||||||
color_scheme: map to radix color property.
|
|
||||||
access_key: Provides a hint for generating a keyboard shortcut for the current element.
|
|
||||||
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
|
|
||||||
content_editable: Indicates whether the element's content is editable.
|
|
||||||
context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
||||||
dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
||||||
draggable: Defines whether the element can be dragged.
|
|
||||||
enter_key_hint: Hints what media types the media element is able to play.
|
|
||||||
hidden: Defines whether the element is hidden.
|
|
||||||
input_mode: Defines the type of the element.
|
|
||||||
item_prop: Defines the name of the element for metadata purposes.
|
|
||||||
lang: Defines the language used in the element.
|
|
||||||
role: Defines the role of the element.
|
|
||||||
slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
||||||
spell_check: Defines whether the element may be checked for spelling errors.
|
|
||||||
tab_index: Defines the position of the current element in the tabbing order.
|
|
||||||
title: Defines a tooltip for the element.
|
|
||||||
style: The style of the component.
|
|
||||||
key: A unique key for the component.
|
|
||||||
id: The id for the component.
|
|
||||||
class_name: The class name for the component.
|
|
||||||
autofocus: Whether the component should take the focus once the page is loaded
|
|
||||||
_rename_props: props to change the name of
|
|
||||||
custom_attrs: custom attribute
|
|
||||||
**props: Component properties.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
A new component instance.
|
|
||||||
"""
|
|
||||||
...
|
|
||||||
@ -4,6 +4,7 @@ from types import SimpleNamespace
|
|||||||
|
|
||||||
from ..utils.console import warn
|
from ..utils.console import warn
|
||||||
from . import hooks as hooks
|
from . import hooks as hooks
|
||||||
|
from .layout import layout as layout
|
||||||
from .misc import run_in_thread as run_in_thread
|
from .misc import run_in_thread as run_in_thread
|
||||||
|
|
||||||
warn(
|
warn(
|
||||||
@ -12,5 +13,6 @@ warn(
|
|||||||
|
|
||||||
_x = SimpleNamespace(
|
_x = SimpleNamespace(
|
||||||
hooks=hooks,
|
hooks=hooks,
|
||||||
|
layout=layout,
|
||||||
run_in_thread=run_in_thread,
|
run_in_thread=run_in_thread,
|
||||||
)
|
)
|
||||||
|
|||||||
@ -12,7 +12,7 @@ def _add_react_import(v: Var | None, tags: str | list):
|
|||||||
tags = [tags]
|
tags = [tags]
|
||||||
|
|
||||||
v._var_data = VarData( # type: ignore
|
v._var_data = VarData( # type: ignore
|
||||||
imports={"react": [ImportVar(tag=tag) for tag in tags]},
|
imports={"react": [ImportVar(tag=tag, install=False) for tag in tags]},
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
@ -26,6 +26,8 @@ def const(name, value) -> Var | None:
|
|||||||
Returns:
|
Returns:
|
||||||
The constant Var.
|
The constant Var.
|
||||||
"""
|
"""
|
||||||
|
if isinstance(name, list):
|
||||||
|
return Var.create(f"const [{', '.join(name)}] = {value}")
|
||||||
return Var.create(f"const {name} = {value}")
|
return Var.create(f"const {name} = {value}")
|
||||||
|
|
||||||
|
|
||||||
@ -73,3 +75,19 @@ def useRef(default) -> Var | None:
|
|||||||
v = Var.create(f"useRef({default})")
|
v = Var.create(f"useRef({default})")
|
||||||
_add_react_import(v, "useRef")
|
_add_react_import(v, "useRef")
|
||||||
return v
|
return v
|
||||||
|
|
||||||
|
|
||||||
|
def useState(var_name, default=None) -> Var | None:
|
||||||
|
"""Create a useState hook with a variable name and setter name.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
var_name: The name of the variable.
|
||||||
|
default: The default value of the variable.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
A useState hook.
|
||||||
|
"""
|
||||||
|
setter_name = f"set{var_name.capitalize()}"
|
||||||
|
v = const([var_name, setter_name], f"useState({default})")
|
||||||
|
_add_react_import(v, "useState")
|
||||||
|
return v
|
||||||
|
|||||||
223
reflex/experimental/layout.py
Normal file
223
reflex/experimental/layout.py
Normal file
@ -0,0 +1,223 @@
|
|||||||
|
"""To experiment with layout component, move them to reflex/components later."""
|
||||||
|
|
||||||
|
from reflex import color, cond
|
||||||
|
from reflex.components.base.fragment import Fragment
|
||||||
|
from reflex.components.component import Component, ComponentNamespace, MemoizationLeaf
|
||||||
|
from reflex.components.radix.primitives.drawer import DrawerRoot, drawer
|
||||||
|
from reflex.components.radix.themes.components.icon_button import IconButton
|
||||||
|
from reflex.components.radix.themes.layout import Box, Container, HStack
|
||||||
|
from reflex.event import call_script
|
||||||
|
from reflex.experimental import hooks
|
||||||
|
from reflex.state import ComponentState
|
||||||
|
from reflex.vars import Var
|
||||||
|
|
||||||
|
|
||||||
|
class Sidebar(Box, MemoizationLeaf):
|
||||||
|
"""A component that renders the sidebar."""
|
||||||
|
|
||||||
|
@classmethod
|
||||||
|
def create(cls, *children, **props):
|
||||||
|
"""Create the sidebar component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
children: The children components.
|
||||||
|
props: The properties of the sidebar.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The sidebar component.
|
||||||
|
"""
|
||||||
|
props.setdefault("border_right", f"1px solid {color('accent', 12)}")
|
||||||
|
props.setdefault("background_color", color("accent", 1))
|
||||||
|
props.setdefault("width", "20vw")
|
||||||
|
props.setdefault("height", "100vh")
|
||||||
|
props.setdefault("position", "fixed")
|
||||||
|
|
||||||
|
return super().create(
|
||||||
|
Box.create(*children, **props), # sidebar for content
|
||||||
|
Box.create(width=props.get("width")), # spacer for layout
|
||||||
|
)
|
||||||
|
|
||||||
|
def _apply_theme(self, theme: Component | None):
|
||||||
|
sidebar: Component = self.children[-2] # type: ignore
|
||||||
|
spacer: Component = self.children[-1] # type: ignore
|
||||||
|
open = self.State.open if self.State else Var.create("open") # type: ignore
|
||||||
|
sidebar.style["display"] = spacer.style["display"] = cond(open, "block", "none")
|
||||||
|
|
||||||
|
def _get_hooks(self) -> Var | None:
|
||||||
|
return hooks.useState("open", "true") if not self.State else None
|
||||||
|
|
||||||
|
|
||||||
|
class StatefulSidebar(ComponentState):
|
||||||
|
"""Bind a state to a sidebar component."""
|
||||||
|
|
||||||
|
open: bool = True
|
||||||
|
|
||||||
|
def toggle(self):
|
||||||
|
"""Toggle the sidebar."""
|
||||||
|
self.open = not self.open
|
||||||
|
|
||||||
|
@classmethod
|
||||||
|
def get_component(cls, *children, **props):
|
||||||
|
"""Get the stateful sidebar component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
children: The children components.
|
||||||
|
props: The properties of the sidebar.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The stateful sidebar component.
|
||||||
|
"""
|
||||||
|
return Sidebar.create(*children, **props)
|
||||||
|
|
||||||
|
|
||||||
|
class DrawerSidebar(DrawerRoot):
|
||||||
|
"""A component that renders a drawer sidebar."""
|
||||||
|
|
||||||
|
@classmethod
|
||||||
|
def create(cls, *children, **props):
|
||||||
|
"""Create the sidebar component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
children: The children components.
|
||||||
|
props: The properties of the sidebar.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The drawer sidebar component.
|
||||||
|
"""
|
||||||
|
direction = props.pop("direction", "left")
|
||||||
|
props.setdefault("border_right", f"1px solid {color('accent', 12)}")
|
||||||
|
props.setdefault("background_color", color("accent", 1))
|
||||||
|
props.setdefault("width", "20vw")
|
||||||
|
props.setdefault("height", "100vh")
|
||||||
|
return super().create(
|
||||||
|
drawer.trigger(
|
||||||
|
IconButton.create(
|
||||||
|
"arrow-right-from-line",
|
||||||
|
background_color="transparent",
|
||||||
|
),
|
||||||
|
position="absolute",
|
||||||
|
top="15",
|
||||||
|
left="15",
|
||||||
|
),
|
||||||
|
drawer.portal(
|
||||||
|
drawer.content(
|
||||||
|
*children,
|
||||||
|
**props,
|
||||||
|
)
|
||||||
|
),
|
||||||
|
direction=direction,
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
sidebar_trigger_style = {
|
||||||
|
"position": "fixed",
|
||||||
|
"z_index": "15",
|
||||||
|
"color": color("accent", 12),
|
||||||
|
"background_color": "transparent",
|
||||||
|
"padding": "0",
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
class SidebarTrigger(Fragment):
|
||||||
|
"""A component that renders the sidebar trigger."""
|
||||||
|
|
||||||
|
@classmethod
|
||||||
|
def create(cls, sidebar: Component, **props):
|
||||||
|
"""Create the sidebar trigger component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
sidebar: The sidebar component.
|
||||||
|
props: The properties of the sidebar trigger.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The sidebar trigger component.
|
||||||
|
"""
|
||||||
|
trigger_props = {**props, **sidebar_trigger_style}
|
||||||
|
|
||||||
|
inner_sidebar: Component = sidebar.children[0] # type: ignore
|
||||||
|
sidebar_width = inner_sidebar.style.get("width")
|
||||||
|
|
||||||
|
if sidebar.State:
|
||||||
|
open, toggle = sidebar.State.open, sidebar.State.toggle # type: ignore
|
||||||
|
else:
|
||||||
|
open, toggle = Var.create("open"), call_script(Var.create("setOpen(!open)")) # type: ignore
|
||||||
|
|
||||||
|
trigger_props["left"] = cond(open, f"calc({sidebar_width} - 32px)", "0")
|
||||||
|
|
||||||
|
trigger = cond(
|
||||||
|
open,
|
||||||
|
IconButton.create(
|
||||||
|
"arrow-left-from-line",
|
||||||
|
on_click=toggle,
|
||||||
|
**trigger_props,
|
||||||
|
),
|
||||||
|
IconButton.create(
|
||||||
|
"arrow-right-from-line",
|
||||||
|
on_click=toggle,
|
||||||
|
**trigger_props,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
return super().create(trigger)
|
||||||
|
|
||||||
|
|
||||||
|
class Layout(Box):
|
||||||
|
"""A component that renders the layout."""
|
||||||
|
|
||||||
|
@classmethod
|
||||||
|
def create(
|
||||||
|
cls,
|
||||||
|
*content: Component,
|
||||||
|
sidebar: Component | None = None,
|
||||||
|
**props,
|
||||||
|
):
|
||||||
|
"""Create the layout component.
|
||||||
|
|
||||||
|
Args:
|
||||||
|
content: The content component.
|
||||||
|
sidebar: The sidebar component.
|
||||||
|
props: The properties of the layout.
|
||||||
|
|
||||||
|
Returns:
|
||||||
|
The layout component.
|
||||||
|
"""
|
||||||
|
layout_root = HStack.create
|
||||||
|
|
||||||
|
if sidebar is None:
|
||||||
|
return Container.create(*content, **props)
|
||||||
|
|
||||||
|
if isinstance(sidebar, DrawerSidebar):
|
||||||
|
return super().create(
|
||||||
|
sidebar,
|
||||||
|
Container.create(*content, height="100%"),
|
||||||
|
**props,
|
||||||
|
width="100vw",
|
||||||
|
min_height="100vh",
|
||||||
|
)
|
||||||
|
|
||||||
|
if not isinstance(sidebar, Sidebar):
|
||||||
|
sidebar = Sidebar.create(sidebar)
|
||||||
|
|
||||||
|
# Add the sidebar trigger to the sidebar as first child to not mess up the rendering.
|
||||||
|
sidebar.children.insert(0, SidebarTrigger.create(sidebar))
|
||||||
|
|
||||||
|
return super().create(
|
||||||
|
layout_root(
|
||||||
|
sidebar,
|
||||||
|
Container.create(*content, height="100%"),
|
||||||
|
**props,
|
||||||
|
width="100vw",
|
||||||
|
min_height="100vh",
|
||||||
|
)
|
||||||
|
)
|
||||||
|
|
||||||
|
|
||||||
|
class LayoutNamespace(ComponentNamespace):
|
||||||
|
"""Namespace for layout components."""
|
||||||
|
|
||||||
|
drawer_sidebar = staticmethod(DrawerSidebar.create)
|
||||||
|
stateful_sidebar = staticmethod(StatefulSidebar.create)
|
||||||
|
sidebar = staticmethod(Sidebar.create)
|
||||||
|
__call__ = staticmethod(Layout.create)
|
||||||
|
|
||||||
|
|
||||||
|
layout = LayoutNamespace()
|
||||||
Loading…
Reference in New Issue
Block a user