Installation
Usage
import AvatarStatus from "@/components/ruixen/avatar-status";
export default function MyAvatar() {
return (
<AvatarStatus
src="https://github.com/shadcn.png"
alt="User"
fallback="CN"
status="online"
/>
);
}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 |
status | "online" | "offline" | "busy" | "away" | "online" | The status indicator to display |
className | string | - | Additional CSS classes |