[REF-1631] Clean up the rx.radix namespace (#2501)
This commit is contained in:
Masen Furer
GitHub
parent
4df279b060
commit
9c086163df
@ -1,3 +1,4 @@
|
||||
"""Namespace for components provided by @radix-ui packages."""
|
||||
|
||||
from . import primitives, themes
|
||||
from .primitives import *
|
||||
from .themes import *
|
||||
|
||||
@ -1,8 +1,6 @@
|
||||
"""Namespace for components provided by the @radix-ui/themes library."""
|
||||
from .base import Theme, ThemePanel
|
||||
from .base import theme as theme
|
||||
from .base import theme_panel as theme_panel
|
||||
from .components import *
|
||||
from .layout import *
|
||||
from .typography import *
|
||||
|
||||
theme = Theme.create
|
||||
theme_panel = ThemePanel.create
|
||||
|
||||
@ -210,3 +210,7 @@ class RadixThemesColorModeProvider(Component):
|
||||
library = "/components/reflex/radix_themes_color_mode_provider.js"
|
||||
tag = "RadixThemesColorModeProvider"
|
||||
is_default = True
|
||||
|
||||
|
||||
theme = Theme.create
|
||||
theme_panel = ThemePanel.create
|
||||
|
||||
@ -789,3 +789,6 @@ class RadixThemesColorModeProvider(Component):
|
||||
TypeError: If an invalid child is passed.
|
||||
"""
|
||||
...
|
||||
|
||||
theme = Theme.create
|
||||
theme_panel = ThemePanel.create
|
||||
|
||||
@ -1,216 +1,59 @@
|
||||
"""Radix themes components."""
|
||||
|
||||
from .alertdialog import (
|
||||
AlertDialogAction,
|
||||
AlertDialogCancel,
|
||||
AlertDialogContent,
|
||||
AlertDialogDescription,
|
||||
AlertDialogRoot,
|
||||
AlertDialogTitle,
|
||||
AlertDialogTrigger,
|
||||
)
|
||||
from .aspectratio import AspectRatio
|
||||
from .avatar import Avatar
|
||||
from .badge import Badge
|
||||
from .button import Button
|
||||
from .callout import Callout, CalloutIcon, CalloutRoot, CalloutText
|
||||
from .card import Card
|
||||
from .checkbox import Checkbox, HighLevelCheckbox
|
||||
from .contextmenu import (
|
||||
ContextMenuContent,
|
||||
ContextMenuItem,
|
||||
ContextMenuRoot,
|
||||
ContextMenuSeparator,
|
||||
ContextMenuSub,
|
||||
ContextMenuSubContent,
|
||||
ContextMenuSubTrigger,
|
||||
ContextMenuTrigger,
|
||||
)
|
||||
from .dialog import (
|
||||
DialogClose,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogRoot,
|
||||
DialogTitle,
|
||||
DialogTrigger,
|
||||
)
|
||||
from .dropdownmenu import (
|
||||
DropdownMenuContent,
|
||||
DropdownMenuItem,
|
||||
DropdownMenuRoot,
|
||||
DropdownMenuSeparator,
|
||||
DropdownMenuSub,
|
||||
DropdownMenuSubContent,
|
||||
DropdownMenuSubTrigger,
|
||||
DropdownMenuTrigger,
|
||||
)
|
||||
from .hovercard import HoverCardContent, HoverCardRoot, HoverCardTrigger
|
||||
from .iconbutton import IconButton
|
||||
from .icons import Icon
|
||||
from .inset import Inset
|
||||
from .popover import PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger
|
||||
from .radiogroup import HighLevelRadioGroup, RadioGroupItem, RadioGroupRoot
|
||||
from .scrollarea import ScrollArea
|
||||
from .select import (
|
||||
HighLevelSelect,
|
||||
SelectContent,
|
||||
SelectGroup,
|
||||
SelectItem,
|
||||
SelectLabel,
|
||||
SelectRoot,
|
||||
SelectSeparator,
|
||||
SelectTrigger,
|
||||
)
|
||||
from .separator import Separator
|
||||
from .slider import Slider
|
||||
from .switch import Switch
|
||||
from .table import (
|
||||
TableBody,
|
||||
TableCell,
|
||||
TableColumnHeaderCell,
|
||||
TableHeader,
|
||||
TableRoot,
|
||||
TableRow,
|
||||
TableRowHeaderCell,
|
||||
)
|
||||
from .tabs import TabsContent, TabsList, TabsRoot, TabsTrigger
|
||||
from .textarea import TextArea
|
||||
from .textfield import Input, TextFieldInput, TextFieldRoot, TextFieldSlot
|
||||
from .tooltip import Tooltip
|
||||
from .alertdialog import alert_dialog as alert_dialog
|
||||
from .aspectratio import aspect_ratio as aspect_ratio
|
||||
from .avatar import avatar as avatar
|
||||
from .badge import badge as badge
|
||||
from .button import button as button
|
||||
from .callout import callout as callout
|
||||
from .card import card as card
|
||||
from .checkbox import checkbox as checkbox
|
||||
from .contextmenu import context_menu as context_menu
|
||||
from .dialog import dialog as dialog
|
||||
from .dropdownmenu import dropdown_menu as dropdown_menu
|
||||
from .hovercard import hover_card as hover_card
|
||||
from .iconbutton import icon_button as icon_button
|
||||
from .icons import icon as icon
|
||||
from .inset import inset as inset
|
||||
from .popover import popover as popover
|
||||
from .radiogroup import radio_group as radio_group
|
||||
from .scrollarea import scroll_area as scroll_area
|
||||
from .select import select as select
|
||||
from .separator import separator as separator
|
||||
from .slider import slider as slider
|
||||
from .switch import switch as switch
|
||||
from .table import table as table
|
||||
from .tabs import tabs as tabs
|
||||
from .textarea import text_area as text_area
|
||||
from .textfield import text_field as text_field
|
||||
from .tooltip import tooltip as tooltip
|
||||
|
||||
# Alert Dialog
|
||||
alertdialog_root = AlertDialogRoot.create
|
||||
alertdialog_trigger = AlertDialogTrigger.create
|
||||
alertdialog_content = AlertDialogContent.create
|
||||
alertdialog_title = AlertDialogTitle.create
|
||||
alertdialog_description = AlertDialogDescription.create
|
||||
alertdialog_action = AlertDialogAction.create
|
||||
alertdialog_cancel = AlertDialogCancel.create
|
||||
|
||||
# Aspect Ratio
|
||||
aspect_ratio = AspectRatio.create
|
||||
|
||||
# Avatar
|
||||
avatar = Avatar.create
|
||||
|
||||
# Badge
|
||||
badge = Badge.create
|
||||
|
||||
# Button
|
||||
button = Button.create
|
||||
|
||||
# Callout
|
||||
callout_root = CalloutRoot.create
|
||||
callout_icon = CalloutIcon.create
|
||||
callout_text = CalloutText.create
|
||||
callout = Callout.create
|
||||
|
||||
# Card
|
||||
card = Card.create
|
||||
|
||||
# Checkbox
|
||||
checkbox = Checkbox.create
|
||||
checkbox_hl = HighLevelCheckbox.create
|
||||
|
||||
# Context Menu
|
||||
contextmenu_root = ContextMenuRoot.create
|
||||
contextmenu_sub = ContextMenuSub.create
|
||||
contextmenu_trigger = ContextMenuTrigger.create
|
||||
contextmenu_content = ContextMenuContent.create
|
||||
contextmenu_sub_content = ContextMenuSubContent.create
|
||||
contextmenu_sub_trigger = ContextMenuSubTrigger.create
|
||||
contextmenu_item = ContextMenuItem.create
|
||||
contextmenu_separator = ContextMenuSeparator.create
|
||||
|
||||
|
||||
# Dialog
|
||||
dialog_root = DialogRoot.create
|
||||
dialog_trigger = DialogTrigger.create
|
||||
dialog_content = DialogContent.create
|
||||
dialog_title = DialogTitle.create
|
||||
dialog_description = DialogDescription.create
|
||||
dialog_close = DialogClose.create
|
||||
|
||||
# Dropdown Menu
|
||||
dropdownmenu_root = DropdownMenuRoot.create
|
||||
dropdownmenu_trigger = DropdownMenuTrigger.create
|
||||
dropdownmenu_content = DropdownMenuContent.create
|
||||
dropdownmenu_sub = DropdownMenuSub.create
|
||||
dropdownmenu_sub_content = DropdownMenuSubContent.create
|
||||
dropdownmenu_sub_trigger = DropdownMenuSubTrigger.create
|
||||
dropdownmenu_item = DropdownMenuItem.create
|
||||
dropdownmenu_separator = DropdownMenuSeparator.create
|
||||
|
||||
# Hover Card
|
||||
hovercard_root = HoverCardRoot.create
|
||||
hovercard_trigger = HoverCardTrigger.create
|
||||
hovercard_content = HoverCardContent.create
|
||||
|
||||
# Icon
|
||||
icon = Icon.create
|
||||
|
||||
# Icon Button
|
||||
icon_button = IconButton.create
|
||||
|
||||
# Inset
|
||||
inset = Inset.create
|
||||
|
||||
# Popover
|
||||
popover_root = PopoverRoot.create
|
||||
popover_trigger = PopoverTrigger.create
|
||||
popover_content = PopoverContent.create
|
||||
popover_close = PopoverClose.create
|
||||
|
||||
# Radio Group
|
||||
radio_group_root = RadioGroupRoot.create
|
||||
radio_group_item = RadioGroupItem.create
|
||||
radio_group = HighLevelRadioGroup.create
|
||||
|
||||
# Scroll Area
|
||||
scroll_area = ScrollArea.create
|
||||
|
||||
# Select
|
||||
select_root = SelectRoot.create
|
||||
select_trigger = SelectTrigger.create
|
||||
select_content = SelectContent.create
|
||||
select_item = SelectItem.create
|
||||
select_separator = SelectSeparator.create
|
||||
select_group = SelectGroup.create
|
||||
select_label = SelectLabel.create
|
||||
select = HighLevelSelect.create
|
||||
|
||||
# Separator
|
||||
separator = Separator.create
|
||||
|
||||
# Slider
|
||||
slider = Slider.create
|
||||
|
||||
# Switch
|
||||
switch = Switch.create
|
||||
|
||||
# Table
|
||||
table_root = TableRoot.create
|
||||
table_header = TableHeader.create
|
||||
table_body = TableBody.create
|
||||
table_row = TableRow.create
|
||||
table_cell = TableCell.create
|
||||
table_column_header_cell = TableColumnHeaderCell.create
|
||||
table_row_header_cell = TableRowHeaderCell.create
|
||||
|
||||
# Tabs
|
||||
tabs_root = TabsRoot.create
|
||||
tabs_list = TabsList.create
|
||||
tabs_trigger = TabsTrigger.create
|
||||
tabs_content = TabsContent.create
|
||||
|
||||
# Text Area
|
||||
textarea = TextArea.create
|
||||
|
||||
# Text Field
|
||||
textfield_root = TextFieldRoot.create
|
||||
textfield_input = TextFieldInput.create
|
||||
textfield_slot = TextFieldSlot.create
|
||||
input = Input.create
|
||||
|
||||
# Tooltip
|
||||
tooltip = Tooltip.create
|
||||
__all__ = [
|
||||
"alert_dialog",
|
||||
"aspect_ratio",
|
||||
"avatar",
|
||||
"badge",
|
||||
"button",
|
||||
"callout",
|
||||
"card",
|
||||
"checkbox",
|
||||
"context_menu",
|
||||
"dialog",
|
||||
"dropdown_menu",
|
||||
"hover_card",
|
||||
"icon_button",
|
||||
"icon",
|
||||
"inset",
|
||||
"popover",
|
||||
"radio_group",
|
||||
"scroll_area",
|
||||
"select",
|
||||
"separator",
|
||||
"slider",
|
||||
"switch",
|
||||
"table",
|
||||
"tabs",
|
||||
"text_area",
|
||||
"text_field",
|
||||
"tooltip",
|
||||
]
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex import el
|
||||
@ -91,3 +92,18 @@ class AlertDialogCancel(RadixThemesComponent):
|
||||
"""
|
||||
|
||||
tag = "AlertDialog.Cancel"
|
||||
|
||||
|
||||
class AlertDialog(SimpleNamespace):
|
||||
"""AlertDialog components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(AlertDialogRoot.create)
|
||||
trigger = staticmethod(AlertDialogTrigger.create)
|
||||
content = staticmethod(AlertDialogContent.create)
|
||||
title = staticmethod(AlertDialogTitle.create)
|
||||
description = staticmethod(AlertDialogDescription.create)
|
||||
action = staticmethod(AlertDialogAction.create)
|
||||
cancel = staticmethod(AlertDialogCancel.create)
|
||||
|
||||
|
||||
alert_dialog = AlertDialog()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
@ -1106,3 +1107,160 @@ class AlertDialogCancel(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class AlertDialog(SimpleNamespace):
|
||||
root = staticmethod(AlertDialogRoot.create)
|
||||
trigger = staticmethod(AlertDialogTrigger.create)
|
||||
content = staticmethod(AlertDialogContent.create)
|
||||
title = staticmethod(AlertDialogTitle.create)
|
||||
description = staticmethod(AlertDialogDescription.create)
|
||||
action = staticmethod(AlertDialogAction.create)
|
||||
cancel = staticmethod(AlertDialogCancel.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,
|
||||
open: 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_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
|
||||
) -> "AlertDialogRoot":
|
||||
"""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.
|
||||
open: The controlled open state of the dialog.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
alert_dialog = AlertDialog()
|
||||
|
||||
@ -13,3 +13,6 @@ class AspectRatio(RadixThemesComponent):
|
||||
|
||||
# The ratio of the width to the height of the element
|
||||
ratio: Var[Union[float, int]]
|
||||
|
||||
|
||||
aspect_ratio = AspectRatio.create
|
||||
|
||||
@ -156,3 +156,5 @@ class AspectRatio(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
aspect_ratio = AspectRatio.create
|
||||
|
||||
@ -36,3 +36,6 @@ class Avatar(RadixThemesComponent):
|
||||
|
||||
# The rendered fallback text
|
||||
fallback: Var[str]
|
||||
|
||||
|
||||
avatar = Avatar.create
|
||||
|
||||
@ -178,3 +178,5 @@ class Avatar(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
avatar = Avatar.create
|
||||
|
||||
@ -30,3 +30,6 @@ class Badge(el.Span, RadixThemesComponent):
|
||||
|
||||
# Override theme radius for badge: "none" | "small" | "medium" | "large" | "full"
|
||||
radius: Var[LiteralRadius]
|
||||
|
||||
|
||||
badge = Badge.create
|
||||
|
||||
@ -233,3 +233,5 @@ class Badge(el.Span, RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
badge = Badge.create
|
||||
|
||||
@ -36,3 +36,6 @@ class Button(el.Button, RadixThemesComponent):
|
||||
|
||||
# Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
|
||||
radius: Var[LiteralRadius]
|
||||
|
||||
|
||||
button = Button.create
|
||||
|
||||
@ -282,3 +282,5 @@ class Button(el.Button, RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
button = Button.create
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Literal, Union
|
||||
|
||||
import reflex as rx
|
||||
@ -75,3 +76,15 @@ class Callout(CalloutRoot):
|
||||
CalloutText.create(text),
|
||||
**props,
|
||||
)
|
||||
|
||||
|
||||
class CalloutNamespace(SimpleNamespace):
|
||||
"""Callout components namespace."""
|
||||
|
||||
root = staticmethod(CalloutRoot.create)
|
||||
icon = staticmethod(CalloutIcon.create)
|
||||
text = staticmethod(CalloutText.create)
|
||||
__call__ = staticmethod(Callout.create)
|
||||
|
||||
|
||||
callout = CalloutNamespace()
|
||||
|
||||
@ -7,6 +7,7 @@ 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 Literal, Union
|
||||
import reflex as rx
|
||||
from reflex import el
|
||||
@ -861,3 +862,225 @@ class Callout(CalloutRoot):
|
||||
The callout component.
|
||||
"""
|
||||
...
|
||||
|
||||
class CalloutNamespace(SimpleNamespace):
|
||||
root = staticmethod(CalloutRoot.create)
|
||||
icon = staticmethod(CalloutIcon.create)
|
||||
text = staticmethod(CalloutText.create)
|
||||
|
||||
@staticmethod
|
||||
def __call__(
|
||||
*children,
|
||||
text: Optional[Union[Var[str], str]] = None,
|
||||
icon: Optional[Union[Var[str], str]] = None,
|
||||
as_child: Optional[Union[Var[bool], bool]] = None,
|
||||
size: Optional[
|
||||
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
||||
] = None,
|
||||
variant: Optional[
|
||||
Union[
|
||||
Var[Literal["soft", "surface", "outline"]],
|
||||
Literal["soft", "surface", "outline"],
|
||||
]
|
||||
] = 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,
|
||||
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,
|
||||
translate: 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,
|
||||
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
|
||||
) -> "Callout":
|
||||
"""Create a callout component.
|
||||
|
||||
Args:
|
||||
text: The text of the callout.
|
||||
text: The text of the callout.
|
||||
icon: The icon of the callout.
|
||||
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
|
||||
size: Size "1" - "3"
|
||||
variant: Variant of button: "soft" | "surface" | "outline"
|
||||
color_scheme: Override theme color for button
|
||||
high_contrast: Whether to render the button with higher contrast color against background
|
||||
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.
|
||||
translate: Specifies whether the content of an element should be translated or not.
|
||||
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: The properties of the component.
|
||||
|
||||
Returns:
|
||||
The callout component.
|
||||
"""
|
||||
...
|
||||
|
||||
callout = CalloutNamespace()
|
||||
|
||||
@ -22,3 +22,6 @@ class Card(el.Div, RadixThemesComponent):
|
||||
|
||||
# Variant of Card: "solid" | "soft" | "outline" | "ghost"
|
||||
variant: Var[Literal["surface", "classic", "ghost"]]
|
||||
|
||||
|
||||
card = Card.create
|
||||
|
||||
@ -230,3 +230,5 @@ class Card(el.Div, RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
card = Card.create
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex.components.component import Component
|
||||
@ -101,3 +102,13 @@ class HighLevelCheckbox(Checkbox):
|
||||
as_="label",
|
||||
size=size,
|
||||
)
|
||||
|
||||
|
||||
class CheckboxNamespace(SimpleNamespace):
|
||||
"""Checkbox components namespace."""
|
||||
|
||||
root = staticmethod(Checkbox.create)
|
||||
__call__ = staticmethod(HighLevelCheckbox.create)
|
||||
|
||||
|
||||
checkbox = CheckboxNamespace()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.components.component import Component
|
||||
from reflex.components.radix.themes.layout.flex import Flex
|
||||
@ -368,3 +369,183 @@ class HighLevelCheckbox(Checkbox):
|
||||
The checkbox component with a label.
|
||||
"""
|
||||
...
|
||||
|
||||
class CheckboxNamespace(SimpleNamespace):
|
||||
root = staticmethod(Checkbox.create)
|
||||
|
||||
@staticmethod
|
||||
def __call__(
|
||||
*children,
|
||||
text: Optional[Union[Var[str], str]] = None,
|
||||
gap: 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,
|
||||
as_child: Optional[Union[Var[bool], bool]] = 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,
|
||||
default_checked: Optional[Union[Var[bool], bool]] = None,
|
||||
checked: Optional[Union[Var[bool], bool]] = None,
|
||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
||||
required: Optional[Union[Var[bool], bool]] = None,
|
||||
name: Optional[Union[Var[str], str]] = None,
|
||||
value: Optional[Union[Var[str], str]] = 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_checked_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
|
||||
) -> "HighLevelCheckbox":
|
||||
"""Create a checkbox with a label.
|
||||
|
||||
Args:
|
||||
text: The text of the label.
|
||||
text: The text label for the checkbox.
|
||||
gap: The gap between the checkbox and the label.
|
||||
size: Button size "1" - "3"
|
||||
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
|
||||
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
|
||||
color_scheme: Override theme color for button
|
||||
high_contrast: Whether to render the button with higher contrast color against background
|
||||
default_checked: Whether the checkbox is checked by default
|
||||
checked: Whether the checkbox is checked
|
||||
disabled: Whether the checkbox is disabled
|
||||
required: Whether the checkbox is required
|
||||
name: The name of the checkbox control when submitting the form.
|
||||
value: The value of the checkbox control when submitting the form.
|
||||
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: Additional properties to apply to the checkbox item.
|
||||
|
||||
Returns:
|
||||
The checkbox component with a label.
|
||||
"""
|
||||
...
|
||||
|
||||
checkbox = CheckboxNamespace()
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex.vars import Var
|
||||
@ -131,3 +132,19 @@ class ContextMenuSeparator(RadixThemesComponent):
|
||||
"""Trigger an action or event, such as submitting a form or displaying a dialog."""
|
||||
|
||||
tag = "ContextMenu.Separator"
|
||||
|
||||
|
||||
class ContextMenu(SimpleNamespace):
|
||||
"""ContextMenu components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(ContextMenuRoot.create)
|
||||
trigger = staticmethod(ContextMenuTrigger.create)
|
||||
content = staticmethod(ContextMenuContent.create)
|
||||
sub = staticmethod(ContextMenuSub.create)
|
||||
sub_trigger = staticmethod(ContextMenuSubTrigger.create)
|
||||
sub_content = staticmethod(ContextMenuSubContent.create)
|
||||
item = staticmethod(ContextMenuItem.create)
|
||||
separator = staticmethod(ContextMenuSeparator.create)
|
||||
|
||||
|
||||
context_menu = ContextMenu()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
from ..base import LiteralAccentColor, RadixThemesComponent
|
||||
@ -1217,3 +1218,161 @@ class ContextMenuSeparator(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class ContextMenu(SimpleNamespace):
|
||||
root = staticmethod(ContextMenuRoot.create)
|
||||
trigger = staticmethod(ContextMenuTrigger.create)
|
||||
content = staticmethod(ContextMenuContent.create)
|
||||
sub = staticmethod(ContextMenuSub.create)
|
||||
sub_trigger = staticmethod(ContextMenuSubTrigger.create)
|
||||
sub_content = staticmethod(ContextMenuSubContent.create)
|
||||
item = staticmethod(ContextMenuItem.create)
|
||||
separator = staticmethod(ContextMenuSeparator.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,
|
||||
modal: 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_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
|
||||
) -> "ContextMenuRoot":
|
||||
"""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.
|
||||
modal: The modality of the context menu. When set to true, interaction with outside elements will be disabled and only menu content will be visible to screen readers.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
context_menu = ContextMenu()
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex import el
|
||||
@ -75,3 +76,17 @@ class DialogClose(RadixThemesComponent):
|
||||
"""Trigger an action or event, such as submitting a form or displaying a dialog."""
|
||||
|
||||
tag = "Dialog.Close"
|
||||
|
||||
|
||||
class Dialog(SimpleNamespace):
|
||||
"""Dialog components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(DialogRoot.create)
|
||||
trigger = staticmethod(DialogTrigger.create)
|
||||
title = staticmethod(DialogTitle.create)
|
||||
content = staticmethod(DialogContent.create)
|
||||
description = staticmethod(DialogDescription.create)
|
||||
close = staticmethod(DialogClose.create)
|
||||
|
||||
|
||||
dialog = Dialog()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
@ -959,3 +960,159 @@ class DialogClose(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class Dialog(SimpleNamespace):
|
||||
root = staticmethod(DialogRoot.create)
|
||||
trigger = staticmethod(DialogTrigger.create)
|
||||
title = staticmethod(DialogTitle.create)
|
||||
content = staticmethod(DialogContent.create)
|
||||
description = staticmethod(DialogDescription.create)
|
||||
close = staticmethod(DialogClose.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,
|
||||
open: 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_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
|
||||
) -> "DialogRoot":
|
||||
"""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.
|
||||
open: The controlled open state of the dialog.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
dialog = Dialog()
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex.vars import Var
|
||||
@ -104,3 +105,19 @@ class DropdownMenuSeparator(RadixThemesComponent):
|
||||
"""Trigger an action or event, such as submitting a form or displaying a dialog."""
|
||||
|
||||
tag = "DropdownMenu.Separator"
|
||||
|
||||
|
||||
class DropdownMenu(SimpleNamespace):
|
||||
"""DropdownMenu components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(DropdownMenuRoot.create)
|
||||
trigger = staticmethod(DropdownMenuTrigger.create)
|
||||
content = staticmethod(DropdownMenuContent.create)
|
||||
sub_trigger = staticmethod(DropdownMenuSubTrigger.create)
|
||||
sub = staticmethod(DropdownMenuSub.create)
|
||||
sub_content = staticmethod(DropdownMenuSubContent.create)
|
||||
item = staticmethod(DropdownMenuItem.create)
|
||||
separator = staticmethod(DropdownMenuSeparator.create)
|
||||
|
||||
|
||||
dropdown_menu = DropdownMenu()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
from ..base import LiteralAccentColor, RadixThemesComponent
|
||||
@ -1193,3 +1194,163 @@ class DropdownMenuSeparator(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class DropdownMenu(SimpleNamespace):
|
||||
root = staticmethod(DropdownMenuRoot.create)
|
||||
trigger = staticmethod(DropdownMenuTrigger.create)
|
||||
content = staticmethod(DropdownMenuContent.create)
|
||||
sub_trigger = staticmethod(DropdownMenuSubTrigger.create)
|
||||
sub = staticmethod(DropdownMenuSub.create)
|
||||
sub_content = staticmethod(DropdownMenuSubContent.create)
|
||||
item = staticmethod(DropdownMenuItem.create)
|
||||
separator = staticmethod(DropdownMenuSeparator.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,
|
||||
open: Optional[Union[Var[bool], bool]] = None,
|
||||
modal: 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_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
|
||||
) -> "DropdownMenuRoot":
|
||||
"""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.
|
||||
open: The controlled open state of the dropdown menu. Must be used in conjunction with onOpenChange.
|
||||
modal: The modality of the dropdown menu. When set to true, interaction with outside elements will be disabled and only menu content will be visible to screen readers.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
dropdown_menu = DropdownMenu()
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex import el
|
||||
@ -60,3 +61,14 @@ class HoverCardContent(el.Div, RadixThemesComponent):
|
||||
|
||||
# Whether or not the hover card should avoid collisions with its trigger.
|
||||
avoid_collisions: Var[bool]
|
||||
|
||||
|
||||
class HoverCard(SimpleNamespace):
|
||||
"""HoverCard components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(HoverCardRoot.create)
|
||||
trigger = staticmethod(HoverCardTrigger.create)
|
||||
content = staticmethod(HoverCardContent.create)
|
||||
|
||||
|
||||
hover_card = HoverCard()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
@ -533,3 +534,162 @@ class HoverCardContent(el.Div, RadixThemesComponent):
|
||||
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,
|
||||
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
|
||||
custom_attrs: custom attribute
|
||||
**props: Component properties.
|
||||
|
||||
Returns:
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
hover_card = HoverCard()
|
||||
|
||||
@ -36,3 +36,6 @@ class IconButton(el.Button, RadixThemesComponent):
|
||||
|
||||
# Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
|
||||
radius: Var[LiteralRadius]
|
||||
|
||||
|
||||
icon_button = IconButton.create
|
||||
|
||||
@ -282,3 +282,5 @@ class IconButton(el.Button, RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
icon_button = IconButton.create
|
||||
|
||||
@ -50,6 +50,9 @@ class Icon(RadixIconComponent):
|
||||
return super().create(*children, **props)
|
||||
|
||||
|
||||
icon = Icon.create
|
||||
|
||||
|
||||
ICON_ABSTRACT: List[str] = [
|
||||
"hamburger_menu",
|
||||
"cross_1",
|
||||
|
||||
@ -172,6 +172,7 @@ class Icon(RadixIconComponent):
|
||||
"""
|
||||
...
|
||||
|
||||
icon = Icon.create
|
||||
ICON_ABSTRACT: List[str]
|
||||
ICON_ALIGNS: List[str]
|
||||
ICON_ARROWS: List[str]
|
||||
|
||||
@ -42,3 +42,6 @@ class Inset(el.Div, RadixThemesComponent):
|
||||
|
||||
# Padding on the left
|
||||
pl: Var[Union[int, str]]
|
||||
|
||||
|
||||
inset = Inset.create
|
||||
|
||||
@ -245,3 +245,5 @@ class Inset(el.Div, RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
inset = Inset.create
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex import el
|
||||
@ -82,3 +83,15 @@ class PopoverClose(RadixThemesComponent):
|
||||
"""Trigger an action or event, such as submitting a form or displaying a dialog."""
|
||||
|
||||
tag = "Popover.Close"
|
||||
|
||||
|
||||
class Popover(SimpleNamespace):
|
||||
"""Popover components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(PopoverRoot.create)
|
||||
trigger = staticmethod(PopoverTrigger.create)
|
||||
content = staticmethod(PopoverContent.create)
|
||||
close = staticmethod(PopoverClose.create)
|
||||
|
||||
|
||||
popover = Popover()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
@ -696,3 +697,159 @@ class PopoverClose(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class Popover(SimpleNamespace):
|
||||
root = staticmethod(PopoverRoot.create)
|
||||
trigger = staticmethod(PopoverTrigger.create)
|
||||
content = staticmethod(PopoverContent.create)
|
||||
close = staticmethod(PopoverClose.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,
|
||||
open: Optional[Union[Var[bool], bool]] = None,
|
||||
modal: 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_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
|
||||
) -> "PopoverRoot":
|
||||
"""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.
|
||||
open: The controlled open state of the popover.
|
||||
modal: The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
popover = Popover()
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, List, Literal, Optional, Union
|
||||
|
||||
import reflex as rx
|
||||
@ -160,3 +161,14 @@ class HighLevelRadioGroup(RadioGroupRoot):
|
||||
default_value=default_value,
|
||||
**props,
|
||||
)
|
||||
|
||||
|
||||
class RadioGroup(SimpleNamespace):
|
||||
"""RadioGroup components namespace."""
|
||||
|
||||
root = staticmethod(RadioGroupRoot.create)
|
||||
item = staticmethod(RadioGroupItem.create)
|
||||
__call__ = staticmethod(HighLevelRadioGroup.create)
|
||||
|
||||
|
||||
radio_group = RadioGroup()
|
||||
|
||||
@ -7,6 +7,7 @@ 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
|
||||
@ -536,3 +537,196 @@ class HighLevelRadioGroup(RadioGroupRoot):
|
||||
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,
|
||||
gap: 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,
|
||||
orientation: Optional[
|
||||
Union[
|
||||
Var[Literal["horizontal", "vertical"]],
|
||||
Literal["horizontal", "vertical"],
|
||||
]
|
||||
] = None,
|
||||
loop: 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,
|
||||
on_value_change: 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.
|
||||
gap: The gap between the items of the radio group.
|
||||
size: The size of the radio group: "1" | "2" | "3"
|
||||
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_value_change.
|
||||
default_value: The initial value of checked radio item. Should be used in conjunction with onValueChange.
|
||||
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
|
||||
orientation: The orientation of the component.
|
||||
loop: When true, keyboard navigation will loop from last item to first, and vice versa.
|
||||
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: Additional properties to apply to the accordion item.
|
||||
|
||||
Returns:
|
||||
The created radio group component.
|
||||
"""
|
||||
...
|
||||
|
||||
radio_group = RadioGroup()
|
||||
|
||||
@ -28,3 +28,6 @@ class ScrollArea(RadixThemesComponent):
|
||||
|
||||
# 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.
|
||||
scroll_hide_delay: Var[int]
|
||||
|
||||
|
||||
scroll_area = ScrollArea.create
|
||||
|
||||
@ -179,3 +179,5 @@ class ScrollArea(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
scroll_area = ScrollArea.create
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, List, Literal, Union
|
||||
|
||||
import reflex as rx
|
||||
@ -223,3 +224,19 @@ class HighLevelSelect(SelectRoot):
|
||||
),
|
||||
**props,
|
||||
)
|
||||
|
||||
|
||||
class Select(SimpleNamespace):
|
||||
"""Select components namespace."""
|
||||
|
||||
root = staticmethod(SelectRoot.create)
|
||||
trigger = staticmethod(SelectTrigger.create)
|
||||
content = staticmethod(SelectContent.create)
|
||||
group = staticmethod(SelectGroup.create)
|
||||
item = staticmethod(SelectItem.create)
|
||||
separator = staticmethod(SelectSeparator.create)
|
||||
label = staticmethod(SelectLabel.create)
|
||||
__call__ = staticmethod(HighLevelSelect.create)
|
||||
|
||||
|
||||
select = Select()
|
||||
|
||||
@ -7,6 +7,7 @@ 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, Union
|
||||
import reflex as rx
|
||||
from reflex.components.component import Component
|
||||
@ -1295,3 +1296,198 @@ class HighLevelSelect(SelectRoot):
|
||||
The select component.
|
||||
"""
|
||||
...
|
||||
|
||||
class Select(SimpleNamespace):
|
||||
root = staticmethod(SelectRoot.create)
|
||||
trigger = staticmethod(SelectTrigger.create)
|
||||
content = staticmethod(SelectContent.create)
|
||||
group = staticmethod(SelectGroup.create)
|
||||
item = staticmethod(SelectItem.create)
|
||||
separator = staticmethod(SelectSeparator.create)
|
||||
label = staticmethod(SelectLabel.create)
|
||||
|
||||
@staticmethod
|
||||
def __call__(
|
||||
*children,
|
||||
items: Optional[Union[Var[List[str]], List[str]]] = None,
|
||||
placeholder: Optional[Union[Var[str], str]] = None,
|
||||
label: 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,
|
||||
high_contrast: Optional[Union[Var[bool], bool]] = None,
|
||||
variant: Optional[
|
||||
Union[
|
||||
Var[Literal["classic", "surface", "soft", "ghost"]],
|
||||
Literal["classic", "surface", "soft", "ghost"],
|
||||
]
|
||||
] = None,
|
||||
radius: Optional[
|
||||
Union[
|
||||
Var[Literal["none", "small", "medium", "large", "full"]],
|
||||
Literal["none", "small", "medium", "large", "full"],
|
||||
]
|
||||
] = None,
|
||||
width: Optional[Union[Var[str], str]] = None,
|
||||
size: Optional[
|
||||
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
||||
] = None,
|
||||
default_value: Optional[Union[Var[str], str]] = None,
|
||||
value: Optional[Union[Var[str], str]] = None,
|
||||
default_open: Optional[Union[Var[bool], bool]] = None,
|
||||
open: Optional[Union[Var[bool], bool]] = None,
|
||||
name: 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_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,
|
||||
on_value_change: Optional[
|
||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
||||
] = None,
|
||||
**props
|
||||
) -> "HighLevelSelect":
|
||||
"""Create a select component.
|
||||
|
||||
Args:
|
||||
items: The items of the select.
|
||||
items: The items of the select.
|
||||
placeholder: The placeholder of the select.
|
||||
label: The label of the select.
|
||||
color_scheme: The color of the select.
|
||||
high_contrast: Whether to render the select with higher contrast color against background.
|
||||
variant: The variant of the select.
|
||||
radius: The radius of the select.
|
||||
width: The width of the select.
|
||||
size: The size of the select: "1" | "2" | "3"
|
||||
default_value: The value of the select when initially rendered. Use when you do not need to control the state of the select.
|
||||
value: The controlled value of the select. Should be used in conjunction with on_value_change.
|
||||
default_open: The open state of the select when it is initially rendered. Use when you do not need to control its open state.
|
||||
open: The controlled open state of the select. Must be used in conjunction with on_open_change.
|
||||
name: The name of the select control when submitting the form.
|
||||
disabled: When True, prevents the user from interacting with select.
|
||||
required: When True, indicates that the user must select a value 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: Additional properties to apply to the select component.
|
||||
|
||||
Returns:
|
||||
The select component.
|
||||
"""
|
||||
...
|
||||
|
||||
select = Select()
|
||||
|
||||
@ -27,3 +27,6 @@ class Separator(RadixThemesComponent):
|
||||
|
||||
# When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.
|
||||
decorative: Var[bool]
|
||||
|
||||
|
||||
separator = Separator.create
|
||||
|
||||
@ -169,3 +169,5 @@ class Separator(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
separator = Separator.create
|
||||
|
||||
@ -68,3 +68,6 @@ class Slider(RadixThemesComponent):
|
||||
"on_value_change": lambda e0: [e0],
|
||||
"on_value_commit": lambda e0: [e0],
|
||||
}
|
||||
|
||||
|
||||
slider = Slider.create
|
||||
|
||||
@ -208,3 +208,5 @@ class Slider(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
slider = Slider.create
|
||||
|
||||
@ -65,3 +65,6 @@ class Switch(RadixThemesComponent):
|
||||
**super().get_event_triggers(),
|
||||
EventTriggers.ON_CHECKED_CHANGE: lambda checked: [checked],
|
||||
}
|
||||
|
||||
|
||||
switch = Switch.create
|
||||
|
||||
@ -200,3 +200,5 @@ class Switch(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
switch = Switch.create
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Literal, Union
|
||||
|
||||
from reflex import el
|
||||
@ -76,3 +77,18 @@ class TableRowHeaderCell(el.Th, RadixThemesComponent):
|
||||
|
||||
# width of the column
|
||||
width: Var[Union[str, int]]
|
||||
|
||||
|
||||
class Table(SimpleNamespace):
|
||||
"""Table components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(TableRoot.create)
|
||||
header = staticmethod(TableHeader.create)
|
||||
body = staticmethod(TableBody.create)
|
||||
row = staticmethod(TableRow.create)
|
||||
cell = staticmethod(TableCell.create)
|
||||
column_header_cell = staticmethod(TableColumnHeaderCell.create)
|
||||
row_header_cell = staticmethod(TableRowHeaderCell.create)
|
||||
|
||||
|
||||
table = Table()
|
||||
|
||||
@ -7,6 +7,7 @@ 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 Literal, Union
|
||||
from reflex import el
|
||||
from reflex.vars import Var
|
||||
@ -1597,3 +1598,243 @@ class TableRowHeaderCell(el.Th, RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class Table(SimpleNamespace):
|
||||
root = staticmethod(TableRoot.create)
|
||||
header = staticmethod(TableHeader.create)
|
||||
body = staticmethod(TableBody.create)
|
||||
row = staticmethod(TableRow.create)
|
||||
cell = staticmethod(TableCell.create)
|
||||
column_header_cell = staticmethod(TableColumnHeaderCell.create)
|
||||
row_header_cell = staticmethod(TableRowHeaderCell.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,
|
||||
size: Optional[
|
||||
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
|
||||
] = None,
|
||||
variant: Optional[
|
||||
Union[Var[Literal["surface", "ghost"]], Literal["surface", "ghost"]]
|
||||
] = None,
|
||||
align: Optional[
|
||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
||||
] = None,
|
||||
background: Optional[
|
||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
||||
] = None,
|
||||
bgcolor: Optional[
|
||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
||||
] = None,
|
||||
border: Optional[
|
||||
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
||||
] = None,
|
||||
summary: 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,
|
||||
translate: 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,
|
||||
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
|
||||
) -> "TableRoot":
|
||||
"""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 table: "1" | "2" | "3"
|
||||
variant: The variant of the table
|
||||
align: Alignment of the table
|
||||
background: Background image for the table
|
||||
bgcolor: Background color of the table
|
||||
border: Specifies the width of the border around the table
|
||||
summary: Provides a summary of the table's purpose and structure
|
||||
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.
|
||||
translate: Specifies whether the content of an element should be translated or not.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
table = Table()
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
from reflex.vars import Var
|
||||
@ -62,3 +63,15 @@ class TabsContent(RadixThemesComponent):
|
||||
|
||||
# The value of the tab. Must be unique for each tab.
|
||||
value: Var[str]
|
||||
|
||||
|
||||
class Tabs(SimpleNamespace):
|
||||
"""Tabs components namespace."""
|
||||
|
||||
root = __call__ = staticmethod(TabsRoot.create)
|
||||
list = staticmethod(TabsList.create)
|
||||
trigger = staticmethod(TabsTrigger.create)
|
||||
content = staticmethod(TabsContent.create)
|
||||
|
||||
|
||||
tabs = Tabs()
|
||||
|
||||
@ -7,6 +7,7 @@ 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.vars import Var
|
||||
from ..base import RadixThemesComponent
|
||||
@ -611,3 +612,170 @@ class TabsContent(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
class Tabs(SimpleNamespace):
|
||||
root = staticmethod(TabsRoot.create)
|
||||
list = staticmethod(TabsList.create)
|
||||
trigger = staticmethod(TabsTrigger.create)
|
||||
content = staticmethod(TabsContent.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,
|
||||
variant: Optional[
|
||||
Union[Var[Literal["surface", "ghost"]], Literal["surface", "ghost"]]
|
||||
] = None,
|
||||
default_value: Optional[Union[Var[str], str]] = None,
|
||||
value: Optional[Union[Var[str], str]] = None,
|
||||
orientation: Optional[
|
||||
Union[
|
||||
Var[Literal["horizontal", "vertical"]],
|
||||
Literal["horizontal", "vertical"],
|
||||
]
|
||||
] = 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,
|
||||
on_value_change: Optional[
|
||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
||||
] = None,
|
||||
**props
|
||||
) -> "TabsRoot":
|
||||
"""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.
|
||||
variant: The variant of the tab
|
||||
default_value: The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs.
|
||||
value: The controlled value of the tab that should be active. Use when you need to control the state of the tabs.
|
||||
orientation: The orientation of the tabs.
|
||||
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.
|
||||
"""
|
||||
...
|
||||
|
||||
tabs = Tabs()
|
||||
|
||||
@ -65,3 +65,6 @@ class TextArea(RadixThemesComponent, el.Textarea):
|
||||
EventTriggers.ON_KEY_DOWN: lambda e0: [e0.key],
|
||||
EventTriggers.ON_KEY_UP: lambda e0: [e0.key],
|
||||
}
|
||||
|
||||
|
||||
text_area = TextArea.create
|
||||
|
||||
@ -286,3 +286,5 @@ class TextArea(RadixThemesComponent, el.Textarea):
|
||||
"""
|
||||
...
|
||||
def get_event_triggers(self) -> Dict[str, Any]: ...
|
||||
|
||||
text_area = TextArea.create
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
"""Interactive components provided by @radix-ui/themes."""
|
||||
from types import SimpleNamespace
|
||||
from typing import Any, Dict, Literal
|
||||
|
||||
import reflex as rx
|
||||
@ -191,3 +192,15 @@ class Input(RadixThemesComponent):
|
||||
EventTriggers.ON_KEY_DOWN: lambda e0: [e0.key],
|
||||
EventTriggers.ON_KEY_UP: lambda e0: [e0.key],
|
||||
}
|
||||
|
||||
|
||||
class TextField(SimpleNamespace):
|
||||
"""TextField components namespace."""
|
||||
|
||||
root = staticmethod(TextFieldRoot.create)
|
||||
input = staticmethod(TextFieldInput.create)
|
||||
slot = staticmethod(TextFieldSlot.create)
|
||||
__call__ = staticmethod(Input.create)
|
||||
|
||||
|
||||
text_field = TextField()
|
||||
|
||||
@ -7,6 +7,7 @@ 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
|
||||
import reflex as rx
|
||||
from reflex.components import el
|
||||
@ -913,3 +914,192 @@ class Input(RadixThemesComponent):
|
||||
"""
|
||||
...
|
||||
def get_event_triggers(self) -> Dict[str, Any]: ...
|
||||
|
||||
class TextField(SimpleNamespace):
|
||||
root = staticmethod(TextFieldRoot.create)
|
||||
input = staticmethod(TextFieldInput.create)
|
||||
slot = staticmethod(TextFieldSlot.create)
|
||||
|
||||
@staticmethod
|
||||
def __call__(
|
||||
*children,
|
||||
icon: Optional[Union[Var[str], str]] = 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,
|
||||
radius: Optional[
|
||||
Union[
|
||||
Var[Literal["none", "small", "medium", "large", "full"]],
|
||||
Literal["none", "small", "medium", "large", "full"],
|
||||
]
|
||||
] = None,
|
||||
auto_complete: Optional[Union[Var[bool], bool]] = None,
|
||||
default_value: Optional[Union[Var[str], str]] = None,
|
||||
disabled: Optional[Union[Var[bool], bool]] = None,
|
||||
max_length: Optional[Union[Var[str], str]] = None,
|
||||
min_length: Optional[Union[Var[str], str]] = None,
|
||||
name: Optional[Union[Var[str], str]] = None,
|
||||
placeholder: Optional[Union[Var[str], str]] = None,
|
||||
required: Optional[Union[Var[bool], bool]] = None,
|
||||
value: Optional[Union[Var[str], str]] = 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_key_down: Optional[
|
||||
Union[EventHandler, EventSpec, list, function, BaseVar]
|
||||
] = None,
|
||||
on_key_up: 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
|
||||
) -> "Input":
|
||||
"""Create an Input component.
|
||||
|
||||
Args:
|
||||
icon: The icon to render before the input.
|
||||
size: Text field size "1" - "3"
|
||||
variant: Variant of text field: "classic" | "surface" | "soft"
|
||||
color_scheme: Override theme color for text field
|
||||
radius: Override theme radius for text field: "none" | "small" | "medium" | "large" | "full"
|
||||
auto_complete: Whether the input should have autocomplete enabled
|
||||
default_value: The value of the input when initially rendered.
|
||||
disabled: Disables the input
|
||||
max_length: Specifies the maximum number of characters allowed in the input
|
||||
min_length: Specifies the minimum number of characters required in the input
|
||||
name: Name of the input, used when sending form data
|
||||
placeholder: Placeholder text in the input
|
||||
required: Indicates that the input is required
|
||||
value: Value of the input
|
||||
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: The properties of the component.
|
||||
|
||||
Returns:
|
||||
The component.
|
||||
"""
|
||||
...
|
||||
|
||||
text_field = TextField()
|
||||
|
||||
@ -13,3 +13,6 @@ class Tooltip(RadixThemesComponent):
|
||||
|
||||
# The content of the tooltip.
|
||||
content: Var[str]
|
||||
|
||||
|
||||
tooltip = Tooltip.create
|
||||
|
||||
@ -155,3 +155,5 @@ class Tooltip(RadixThemesComponent):
|
||||
A new component instance.
|
||||
"""
|
||||
...
|
||||
|
||||
tooltip = Tooltip.create
|
||||
|
||||
@ -18,3 +18,15 @@ section = Section.create
|
||||
spacer = Spacer.create
|
||||
hstack = HStack.create
|
||||
vstack = VStack.create
|
||||
|
||||
__all__ = [
|
||||
"box",
|
||||
"center",
|
||||
"container",
|
||||
"flex",
|
||||
"grid",
|
||||
"section",
|
||||
"spacer",
|
||||
"hstack",
|
||||
"vstack",
|
||||
]
|
||||
|
||||
@ -19,3 +19,15 @@ link = Link.create
|
||||
quote = Quote.create
|
||||
strong = Strong.create
|
||||
text = Text.create
|
||||
|
||||
__all__ = [
|
||||
"blockquote",
|
||||
"code",
|
||||
"em",
|
||||
"heading",
|
||||
"kbd",
|
||||
"link",
|
||||
"quote",
|
||||
"strong",
|
||||
"text",
|
||||
]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user