Saltar al contenido
Fieldbook
Menú
Iniciar sesión
ES

Visualización de datos

Initials fallback avatar

Initials fallback avatar: Un solo avatar que muestra una foto cuando se le da una; de lo contrario, centra dos letras de iniciales en una forma de color suave.

Cómo usar Initials fallback avatar

Initials fallback avatar se presenta con el formato de vista previa «en línea» y el tema «claro/oscuro».

Personalizar la vista previa

Estos controles se pasan a la demo. Los valores y límites describen la vista previa; consulta la implementación para conocer todas sus props.

ControlTipoValor inicialLímites de la vista previa
sizenumber40De 24 a 72; paso 4
shapeselectcircleOpciones: circle, rounded
accentcolor#9BE15DLos metadatos no indican otro límite.
labeltextFBHasta 3 caracteres
¿Para qué frameworks está disponible Initials fallback avatar?

Initials fallback avatar está disponible para React, Vue, Svelte, Astro, HTML. La vista previa usa React; las observaciones sobre el código corresponden a index.tsx. Revisa la versión elegida antes de asumir que ofrece las mismas interacciones.

¿Qué dependencias tiene Initials fallback avatar?

Los metadatos de React indican estas dependencias npm además de React: clsx.

¿Qué detalles de accesibilidad se observan en Initials fallback avatar?

El código React de Initials fallback avatar incluye: atributos y manejadores (aria-hidden, aria-label); roles explícitos (img). Son observaciones del código. Comprueba los nombres accesibles, el orden del foco y el comportamiento del teclado en la página completa.

¿Cómo maneja Initials fallback avatar el movimiento reducido?

El análisis no encontró una consulta directa con useReducedMotion() o matchMedia en el archivo index.tsx de Initials fallback avatar. Revisa la implementación completa, los estilos compartidos y la versión elegida con movimiento reducido activado; estas observaciones no garantizan que se detengan todas las animaciones.

Conecta tu agente

Componentes abiertos relacionados

Imagen fija del componente Initials avatar cluster de Fieldbook, de la categoría Visualización de datos.
2369Initials avatar clusterVisualización de datosUna fila de tokens con iniciales redondas que resume a un grupo de personas y termina en un conteo de desbordamiento silenciado para el resto.
Imagen fija del componente Social proof avatar row de Fieldbook, de la categoría Visualización de datos.
2236Social proof avatar rowVisualización de datosUna fila apretada de círculos de avatar superpuestos que se cierran con una burbuja que suma a todos los que quedan fuera de la fila.
Imagen fija del componente Animated metric counter de Fieldbook, de la categoría Visualización de datos.
2299Animated metric counterVisualización de datosUn gran número simple que surge desde un valor inicial hasta su objetivo en el momento en que aparece a la vista, sobrepasándose ligeramente antes de estabilizarse, con separadores de miles y un sufijo opcional.
Imagen fija del componente Before/After Code Diff de Fieldbook, de la categoría Visualización de datos.
2113Before/After Code DiffVisualización de datosDos paneles de código uno al lado del otro, etiquetados antes y después, con líneas agregadas y eliminadas teñidas y un efecto de enfoque flotante.
Imagen fija del componente Billing Ledger Table de Fieldbook, de la categoría Visualización de datos.
2304Billing Ledger TableVisualización de datosFiltra estados de facturas, ordena importes y recalcula el total visible del registro.
Imagen fija del componente Concentric goal rings de Fieldbook, de la categoría Visualización de datos.
2128Concentric goal ringsVisualización de datosTres anillos de progreso anidados que se dibujan en secuencia junto a una lectura del valor objetivo y actual de cada objetivo.