Avatar

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

Example

from deephaven import ui


my_avatar_basic = ui.avatar(
    src="https://github.com/deephaven.png", alt="default avatar"
)

Avatar Basic Example

Disabled State

The is_disabled prop disables avatars to prevent user interaction and gives them a silenced style.

from deephaven import ui


my_avatar_is_disabled_example = ui.avatar(
    src="https://github.com/deephaven.png", alt="default avatar", is_disabled=True
)

Size

The size of an avatar can be set to one of the preset sizes, or a custom pixel value.

from deephaven import ui


@ui.component
def ui_avatar_sizing_examples():
    return [
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-50",
            size="avatar-size-50",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-75",
            size="avatar-size-75",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="davatar-size-100",
            size="avatar-size-100",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-200",
            size="avatar-size-200",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-300",
            size="avatar-size-300",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-400",
            size="avatar-size-400",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-500",
            size="avatar-size-500",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-600",
            size="avatar-size-600",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png",
            alt="avatar-size-700",
            size="avatar-size-700",
        ),
        ui.avatar(
            src="https://github.com/deephaven.png", alt="custom pixel size", size=80
        ),
    ]


my_avatar_sizing_examples = ui_avatar_sizing_examples()

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.