Avatar
Displays user profile picture or initials in a circular container
Example
Loading preview…
Avatar
Displays user profile picture or initials in a circular container
Source: packages/appkit-ui/src/react/ui/avatar.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
asChild | boolean | - | - |
Usage
import { Avatar } from '@databricks/appkit-ui';
<Avatar /* props */ />
AvatarFallback
Fallback content displayed when avatar image fails to load
Source: packages/appkit-ui/src/react/ui/avatar.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
delayMs | number | - | - | |
asChild | boolean | - | - |
Usage
import { AvatarFallback } from '@databricks/appkit-ui';
<AvatarFallback /* props */ />
AvatarImage
Image element for the avatar
Source: packages/appkit-ui/src/react/ui/avatar.tsx
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
onLoadingStatusChange | ((status: ImageLoadingStatus) => void) | - | - | |
asChild | boolean | - | - |
Usage
import { AvatarImage } from '@databricks/appkit-ui';
<AvatarImage /* props */ />