Visualización de datos

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

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.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: size, shape, accent, label

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2245Status AvatarVisualización de datosUn avatar redondo que recurre a iniciales sin imagen y puede llevar una pequeña insignia de estado en línea o apilarse con otros.

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.

1917Avatar Lineup HoverVisualización de datosUna fila de círculos de avatar superpuestos donde, al pasar el cursor sobre uno, se eleva por encima de sus vecinos y se revela una información sobre herramientas con el nombre.

1918Avatar StackVisualización de datosUna fila de avatares circulares superpuestos que separa y levanta el que está debajo del puntero, revelando una información sobre herramientas con el nombre encima.

2016Presence Avatar ClustersVisualización de datosDos grupos de avatares superpuestos, en línea y fuera de línea, donde al hacer clic en un avatar se desliza hacia el otro grupo mientras su retrato se desvanece hacia o desde la escala de grises.

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.