123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- """Components that are based on Chakra-UI."""
- from typing import Literal
- from reflex.components.component import Component
- class ChakraComponent(Component):
- """A component that wraps a Chakra component."""
- library = "@chakra-ui/react"
- LiteralColorScheme = Literal[
- "gray",
- "red",
- "orange",
- "yellow",
- "green",
- "teal",
- "blue",
- "cyan",
- "purple",
- "pink",
- "whiteAlpha",
- "blackAlpha",
- "linkedin",
- "facebook",
- "messenger",
- "whatsapp",
- "twitter",
- "telegram",
- ]
- LiteralVariant = Literal["solid", "subtle", "outline"]
- LiteralDividerVariant = Literal["solid", "dashed"]
- LiteralTheme = Literal["light", "dark"]
- LiteralTagColorScheme = Literal[
- "gray",
- "red",
- "orange",
- "yellow",
- "green",
- "teal",
- "blue",
- "cyan",
- "purple",
- "pink",
- ]
- LiteralTagAlign = Literal["center", "end", "start"]
- LiteralTabsVariant = Literal[
- "line",
- "enclosed",
- "enclosed-colored",
- "soft-rounded",
- "solid-rounded",
- "unstyled",
- ]
- LiteralStatus = Literal["success", "info", "warning", "error"]
- LiteralAlertVariant = Literal["subtle", "left-accent", "top-accent", "solid"]
- LiteralButtonVariant = Literal["ghost", "outline", "solid", "link", "unstyled"]
- LiteralSpinnerPlacement = Literal["start", "end"]
- LiteralLanguage = Literal[
- "en",
- "da",
- "de",
- "es",
- "fr",
- "ja",
- "ko",
- "pt_br",
- "ru",
- "zh_cn",
- "ro",
- "pl",
- "ckb",
- "lv",
- "se",
- "ua",
- "he",
- "it",
- ]
- LiteralInputVariant = Literal["outline", "filled", "flushed", "unstyled"]
- LiteralInputNumberMode = [
- "text",
- "search",
- "none",
- "tel",
- "url",
- "email",
- "numeric",
- "decimal",
- ]
- LiteralChakraDirection = Literal["ltr", "rtl"]
- LiteralCardVariant = Literal["outline", "filled", "elevated", "unstyled"]
- LiteralStackDirection = Literal["row", "column"]
- LiteralImageLoading = Literal["eager", "lazy"]
- LiteralTagSize = Literal["sm", "md", "lg"]
- LiteralSpinnerSize = Literal[Literal[LiteralTagSize], "xs", "xl"]
- LiteralAvatarSize = Literal[Literal[LiteralTagSize], "xl", "xs", "2xl", "full", "2xs"]
- LiteralButtonSize = Literal["sm", "md", "lg", "xs"]
- # Applies to AlertDialog and Modal
- LiteralAlertDialogSize = Literal[
- "sm", "md", "lg", "xs", "2xl", "full", "3xl", "4xl", "5xl", "6xl"
- ]
- LiteralDrawerSize = Literal[Literal[LiteralSpinnerSize], "xl", "full"]
- LiteralMenuStrategy = Literal["fixed", "absolute"]
- LiteralMenuOption = Literal["checkbox", "radio"]
- LiteralPopOverTrigger = Literal["click", "hover"]
- LiteralHeadingSize = Literal["lg", "md", "sm", "xs", "xl", "2xl", "3xl", "4xl"]
|