Avatar
Avatar con fallback a iniciales, indicador de estado y AvatarGroup con contador de excedente.
npx orbitui-cli add avatar
+2
Props
| Prop | Tipo | Descripción |
|---|---|---|
name* | string | Nombre completo. Se usa como texto alternativo y para derivar las iniciales. |
src | string | — |
size | AvatarSize | — |
status | AvatarStatus | — |
max | number | Cuantos avatares se muestran antes de colapsar en "+N". |
size | AvatarSize | — |
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.