Workbeat Design System

InicioFundamentosComponentesPatronesEjemplosReferenciaGuíasChangelogAgentes IA

Avatar

Identidad con foto o iniciales: hereda componentDefaults.avatar.shape (square por defecto). Conserva el fallback primario; los overrides de color requieren motivo y contraste verificado.

Categoría
Feedback y estado
Fuente
components/ui/avatar
Skill para agentes
—
Último cambio
2026-11-09

Importación

Importa por subruta del DS local (`src/design-system`). El barrel `@/design-system` también lo reexporta.

import { Avatar } from "@/design-system/components/ui/avatar";

Ejemplos

Cada ejemplo se renderiza con el código real del DS; abre el código para copiarlo.

Sizes colors

Inherited shape

API

Generada desde los tipos y el JSDoc del código fuente.

Guía de uso

Reglas del DS y plantillas para pedirle este componente a un agente.