Campos de entrada

Avatar profile picker

Una tarjeta de configuración de perfil: una etapa de avatar cuyo anillo luminoso cambia de color según la selección, una franja de miniaturas para cambiar de avatar y un campo de nombre de usuario validado.

Pick your avatar

Choose a look, then claim a handle to finish setting up.

Username

0/20

Cómo usar Avatar profile picker

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: heading, username, minLength, avatarCount

¿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?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2801Compact select menuCampos de entradaUn botón de activación que abre una lista flotante de opciones, con la selección actual mostrada en el botón y una marca de verificación al lado en la lista.

2772Model picker prompt boxCampos de entradaUn compositor de mensajes con un campo de crecimiento automático, un menú desplegable para elegir qué asistente maneja la solicitud, un control de adjuntar y una acción de envío.

2297Addon Input GroupCampos de entradaUn campo de texto envuelto en un caparazón con borde que puede contener un ícono inicial, un botón final o texto, y comparte un anillo de enfoque en todo el grupo.

2108Appointment Range CardCampos de entradaUna tarjeta que combina una cuadrícula de fecha de un solo mes con un campo de hora de inicio y hora de finalización debajo, para seleccionar un día más una ventana de tiempo en un bloque compacto.

2109Appointment Scheduler CardCampos de entradaUn selector de fecha único enmarcado dentro de una tarjeta titulada con un botón para saltar a hoy en la esquina, diseñado para reservar una cita.

2792Auto Grow TextareaCampos de entradaUn campo de texto de varias líneas que crece a medida que la persona escribe más, en lugar de desplazarse dentro de un cuadro fijo.