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>

Examples

Avatar Sizes

xssmmdlgxlxxl

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