Avatar

Avatar

Component

A circular user avatar with image support, initials fallback, and an

Required Props

1

initials

Fallback text when no image is provided

Optional Props

6

src

Image source URL

alt

Alt text for the image

size

One of xs, sm, md, lg, xl. Defaults to md.

status

One of online, away, busy, offline. Adds a presence dot.

bg_color

Circle background, defaults to var(--theme-accent-color)

color

Initials color, defaults to var(--theme-surface-color)

Usage

python
Avatar(initials='JD', size='lg', status='online')

Live Preview

JD