Components

Avatar

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

Loading...

Avatar Group

Loading...

Avatar Status

Loading...

Avatar Style Slots

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