Avatar

An avatar is a small image or icon representing a user or organization.

Example

Avatar Basic 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.

ParametersTypeDefaultDescription
srcstrThe image URL for the avatar.
is_disabledbool |
None
NoneWhether the avatar is disabled or not.
sizeLiteral['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.
altstr |
None
NoneDescription of the avatar.