Avatar

Image

Initials

import '@getufy/flint-ui'; // auto-registers all
// or
import { FlintAvatar } from '@getufy/flint-ui';

html

<flint-avatar></flint-avatar>

Property	Attribute	Type	Default	Description
`src`	`src`	`string`	`''`	Image source URL for the avatar.
`alt`	`alt`	`string`	`''`	Alt text for the avatar image.
`initials`	`initials`	`string`	`''`	Initials to display when no image is provided.
`variant`	`variant`	`'circle' \| 'square' \| 'rounded'`	`'circle'`	Shape variant of the avatar.
`size`	`size`	`Size \| 'xl'`	`'md'`	Size of the avatar.
`loading`	`loading`	`'eager' \| 'lazy'`	`'eager'`	Image loading strategy.

Name	Description
`base`	The component's base wrapper element.
`fallback`	The fallback content element.
`image`	The image element.
`initials`	The initials element.

Avatar ​