Avatar Avatar Group
Avatar Avatar Group é um componente de media para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.
Bund UI
MIT
media
O que é
Avatar Avatar Group é um componente de media para React e Tailwind CSS, da biblioteca Bund UI, com licença MIT. Copia e cola no teu projeto.
Como usar
Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.
Cinco cópias grátis por mês. Sem cartão.
Não precisa de pacotes além do que o projeto já tem
Licença
Este componente vem de Bund UI e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.
Avatar Avatar Group
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
export default function AvatarGroup() {
return (
<div className="[&_*]:data-[slot=avatar]:ring-background flex -space-x-2 [&_*]:data-[slot=avatar]:ring-2">
<Avatar>
<AvatarImage src="https://www.tobybelhome.com/user.png" alt="@shadcn" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>
<Avatar>
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>
<Avatar>
<AvatarImage
src="https://images.unsplash.com/photo-1654110455429-cf322b40a906?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGF2YXRhcnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&q=60&w=300"
alt="@shadcn"
/>
<AvatarFallback>CN</AvatarFallback>
</Avatar>
</div>
);
}