Orbit UI

Avatar

Avatar con fallback a iniciales, indicador de estado y AvatarGroup con contador de excedente.

npx orbitui-cli add avatar
Elena Mur
+2

Props

PropTipoDescripción
name*stringNombre completo. Se usa como texto alternativo y para derivar las iniciales.
srcstring—
sizeAvatarSize—
statusAvatarStatus—
maxnumberCuantos avatares se muestran antes de colapsar en "+N".
sizeAvatarSize—
people*Array<{ name: string; src?: string }>—

Qué instala

Archivo
components/orbit/ui/avatar.tsx
Componentes
cx
Paquetes npm
ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.