This is the latest docs update, but there are missing components and blocks. If you wish to see the complete version, you can check it out at old docs.

Components

A graphical representation of a user or profile.

A

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-avatar

Usage

import { Avatar, AvatarFallback, AvatarImage } from "@mijn-ui/react-avatar"
<Avatar>
  <AvatarImage src="https://github.com/shadcn.png" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>

Avatar Sizes

2xsxssmmdlgxl

Avatar Group

AnthonySusieJohn Doe+3

Avatar Style Slots

Slot NameTargeted ComponentPurpose
baseAvatarStyles the root Avatar component.
imageAvatarImageStyles the avatar image.
fallbackAvatarFallbackStyles the fallback content when the image is missing.

On this page