Installation
Usage
import AvatarBadge from "@/components/ruixen/avatar-badge";
export default function MyAvatar() {
return (
<AvatarBadge
src="https://github.com/shadcn.png"
alt="User"
fallback="CN"
count={6}
/>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | "https://github.com/shadcn.png" | The image source URL |
alt | string | "User" | Alt text for the avatar image |
fallback | string | "U" | Fallback text when image fails |
count | number | 6 | The notification count to display |
className | string | - | Additional CSS classes |