Content
Avatar
A component to display user avatars.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Name | Text | ||
| Image source | Text | A valid URL. Alternatively, you can provide a state reference to a packed file. | |
| Caption | Text | Add an optional caption under the name, such as the person’s job title. | |
| Size | Text |
| |
| Orientation | Text |
| |
| Primary text | Color | ||
| Secondary text | Color | ||
| Separator | Color | ||
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. |
Events
Low code usage
This component can be declared directly in Python, using backend-driven UI.
ui.Avatar(content={
"name": "", # str
"imageSrc": "", # str
"caption": "", # str
"size": "medium", # str [small, medium, large]
"orientation": "horizontal", # str [horizontal, vertical]
"primaryTextColor": "", # str
"secondaryTextColor": "", # str
"separatorColor": "", # str
"cssClasses": "", # str
},
handlers={
"wf-click": handle_event,
}
)
A function, in this example handle_event, should be implemented in your code to handle events.
def handle_event(state, payload, context, ui):
pass