Avatar

Example

import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@databricks/appkit-ui/react"

export default function AvatarExample() {
  return (
    <Avatar>
      <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
      <AvatarFallback>CN</AvatarFallback>
    </Avatar>
  )
}

Avatar

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

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

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 */ />