Avatar · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/avatar

Usage#

avatar.tsx

import {  Avatar,  AvatarImage,  AvatarFallback,  AvatarGroup,  AvatarGroupCount,  AvatarBadge,} from "@/components/ui/avatar"

Examples#

Sizes

CNCNCN

Badge

JZJZJZ

Badge with Icon

PPPPPP

Group

CNLRER

Group with Count

CNLRER

+3

CNLRER

+3

CNLRER

+3

Group with Icon Count

CNLRER

In Empty

CNLRER

No Team Members

Invite your team to collaborate on this project.

API reference#

Exports Avatar AvatarImage AvatarFallback AvatarGroup AvatarGroupCount AvatarBadge. Every part takes its element's usual props and a className.