| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- """Interactive components provided by @radix-ui/themes."""
- from typing import Literal
- from reflex.components.core.breakpoints import Responsive
- from reflex.vars.base import Var
- from ..base import LiteralAccentColor, LiteralRadius, RadixThemesComponent
- LiteralSize = Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
- class Avatar(RadixThemesComponent):
- """An image element with a fallback for representing the user."""
- tag = "Avatar"
- # The variant of the avatar
- variant: Var[Literal["solid", "soft"]]
- # The size of the avatar: "1" - "9"
- size: Var[Responsive[LiteralSize]]
- # Color theme of the avatar
- color_scheme: Var[LiteralAccentColor]
- # Whether to render the avatar with higher contrast color against background
- high_contrast: Var[bool]
- # Override theme radius for avatar: "none" | "small" | "medium" | "large" | "full"
- radius: Var[LiteralRadius]
- # The src of the avatar image
- src: Var[str]
- # The rendered fallback text
- fallback: Var[str]
- avatar = Avatar.create
|
