Components
Loading preview...
Enchanced shadcn/ui avatar
npx shadcn@latest add https://21st.dev/r/originui/avatarimport { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
function Component() {
return (
<div className="relative">
<Avatar>
<AvatarImage src="https://originui.com/avatar-80-07.jpg" alt="Kelly King" />
<AvatarFallback>KK</AvatarFallback>
</Avatar>
<span className="absolute bottom-0 end-0 size-3 rounded-full border-2 border-background bg-emerald-500">
<span className="sr-only">Online</span>
</span>
</div>
);
}
export { Component };