AlignUI MCP
Componentes

Avatar

Docs de AlignUI

Avatar is an image that represents a user or organization.

Instalación

$npx shadcn@latest add @alignui/avatar
@radix-ui/react-slot
@alignui/avatar-empty-icons

Uso

Importación
import * as Avatar from '@/components/ui/avatar';
Avatar.Root
Avatar.Image
Avatar.Indicator
Avatar.Status
Avatar.BrandLogo
Avatar.Notification

Ejemplos oficiales (12)

avatar-as-link
avatar-brand-logo
avatar-color
avatar-composition-1
avatar-demo
avatar-indicator-custom-svg
avatar-next-image
avatar-notification
avatar-placeholder
avatar-size
avatar-status
avatar-text