Avatar

An image element with a fallback for representing the image

Usage

import { Avatar } from '@harnessio/ui/components'

//...

return (
  <Avatar size={11}>
    <AvatarImage src="https://github.com/shadcn.png" alt="Avatar image" />
    <AvatarFallback>JD</AvatarFallback>
  </Avatar>
)

Anatomy

Coming soon.

<Avatar>
  <AvatarImage/>
  <AvatarFallback />
</Avatar>

API Reference

Coming soon