Campos de entrada

Addon Input Group

Un 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.

https://9/64

Cómo usar Addon Input Group

Un 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.

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: placeholder, trailingLabel, accentColor, showLeadingIcon

¿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

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.

2321Clean Text FieldCampos de entradaUna entrada de texto con bordes sencillos para un formulario etiquetado: neutral en reposo, un anillo de acento nítido en el foco, silenciado cuando está deshabilitado.

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.

2343Drawn check checkboxCampos de entradaUna casilla de verificación cuya marca de verificación se dibuja trazo a trazo a medida que el cuadro se llena con un color de acento sólido.

2346Editable date fieldCampos de entradaUn campo de texto para una fecha que acepta escritura libre y que también se puede completar desde una pequeña ventana emergente del calendario abierta por un botón con un ícono al final.

1529Floating label inputCampos de entradaUn campo de texto cuya etiqueta descansa dentro del cuadro y se eleva hasta el borde superior cuando está enfocado o una vez que el campo tiene un valor, con apariencia enfocada, válida e inválida.