Avatar
An avatar is a small image or icon representing a user or organization.
Example
![]()
Disabled State
The is_disabled prop disables avatars to prevent user interaction and gives them a silenced style.
Size
The size of an avatar can be set to one of the preset sizes, or a custom pixel value.
API Reference
An avatar is a thumbnail representation of an entity, such as a user or an organization.
Returns: Element The rendered avatar element.
| Parameters | Type | Default | Description |
|---|---|---|---|
| src | str | The image URL for the avatar. | |
| is_disabled | bool | None | None | Whether the avatar is disabled or not. |
| size | Literal['avatar-size-50', 'avatar-size-75', 'avatar-size-100', 'avatar-size-200', 'avatar-size-300', 'avatar-size-400', 'avatar-size-500', 'avatar-size-600', 'avatar-size-700'] | str | float | None | 'avatar-size-100' | The size of the avatar. It affects both height and width. |
| alt | str | None | None | Description of the avatar. |