Campos de entrada

Autosize text field

Una entrada de texto de varias líneas que crece a medida que la persona escribe, hasta un límite generoso, con un anillo de enfoque de acento y un estado deshabilitado.

Message0 characters

Enter adds a new line. The field grows as you type and scrolls once it reaches its limit.

Cómo usar Autosize text field

Una entrada de texto de varias líneas que crece a medida que la persona escribe, hasta un límite generoso, con un anillo de enfoque de acento y un estado deshabilitado.

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, rows, disabled, accentColor

¿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

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.

2808Latching square toggleCampos de entradaUn botón de icono cuadrado compacto que se engancha entre un estado apagado con un contorno tenue y un estado presionado lleno de acento sólido.

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.

2778Search Composer FieldCampos de entradaUn cuadro de mensaje que crece con lo que escribes, con un interruptor de búsqueda cuya etiqueta se abre y una acción de envío que se activa una vez que hay texto.

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.