Variantes y propiedades

Hacer y no hacer

Enfócate en errores comunes reales y en cuándo usar otro componente. Menos "best practices" genéricas, más "esto nos pasó y así se resuelve".

<aside> 😄

Hacer:

</aside>

<aside> 🤨

No hacer:

</aside>

Accesibilidad

Solo si hay algo que el dev necesita implementar manualmente. Si el componente ya lo resuelve internamente, indica "Manejado internamente por el componente."

• [ ] Rol y semántica (ARIA role, label)
• [ ] Orden de focus y navegación por teclado
• [ ] Anuncios para lectores de pantalla
• [ ] Adaptaciones de alto contraste o movimiento reducido

Notas

Para mostrar avatares o fotos de perfil. Se ocupa para entidades como Productos (sin tarjetas), Contactos en Transferencias y Cuentas en Pagos. En caso de entidades sin avatar asignado, se ocupa un avatar genérico o iniciales en el caso de un Contacto.