25 lines
921 B
TypeScript
25 lines
921 B
TypeScript
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
|
|
const RoundedAvatar = () => {
|
|
return (
|
|
<div className="flex flex-wrap items-center gap-3">
|
|
<Avatar rounded="sm" color="primary">
|
|
<AvatarImage src="/images/avatar/av-1.jpg" alt="dashcode" />
|
|
<AvatarFallback> LI </AvatarFallback>
|
|
</Avatar>
|
|
<Avatar rounded="md" >
|
|
<AvatarImage src="/images/avatar/av-2.jpg" alt="dashcode" />
|
|
<AvatarFallback> PR </AvatarFallback>
|
|
</Avatar>
|
|
<Avatar rounded="lg" color="secondary">
|
|
<AvatarImage src="/images/avatar/av-3.jpg" alt="dashcode" />
|
|
<AvatarFallback> SH </AvatarFallback>
|
|
</Avatar>
|
|
<Avatar rounded="full" color="success">
|
|
<AvatarImage src="/images/avatar/av-4.jpg" alt="avatar image" />
|
|
<AvatarFallback> SU </AvatarFallback>
|
|
</Avatar>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default RoundedAvatar; |