Campos de entrada

Auto Grow Textarea

Auto Grow Textarea: Un 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.

Release notes

0 characters

The upper field writes itself. Type in the lower one to feel it grow and shrink.

Cómo usar Auto Grow Textarea

Auto Grow Textarea se presenta con el formato de vista previa «tarjeta» 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.

Control	Tipo	Valor inicial	Límites de la vista previa
`placeholder`	`text`	`Write a short note...`	Hasta 60 caracteres
`accent`	`color`	`#FF4D8D`	Los metadatos no indican otro límite.
`rows`	`number`	`3`	De 1 a 8; paso 1

¿Para qué frameworks está disponible Auto Grow Textarea?

Auto Grow Textarea 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 Auto Grow Textarea?

Los metadatos de React no indican dependencias npm adicionales a React.

¿Qué detalles de accesibilidad se observan en Auto Grow Textarea?

El código React de Auto Grow Textarea incluye: elementos nativos (textarea). 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 Auto Grow Textarea el movimiento reducido?

El análisis no encontró una consulta directa con useReducedMotion() o matchMedia en el archivo index.tsx de Auto Grow Textarea. 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 Focus ring text input de Fieldbook, de la categoría Campos de entrada.

2356Focus ring text inputCampos de entradaUn campo de texto de una sola línea con un marcador de posición silenciado y un anillo de acento sólido que aparece solo cuando está enfocado.

Imagen fija del componente Single value slider de Fieldbook, de la categoría Campos de entrada.

2791Single value sliderCampos de entradaUn control deslizante horizontal con un pulgar que se puede arrastrar y que llena la pista detrás de él para que el valor actual se lea de un vistazo.

Imagen fija del componente Text field de Fieldbook, de la categoría Campos de entrada.

2785Text fieldCampos de entradaUn campo de texto de una sola línea con un borde suave, un anillo de énfasis, un marcador de posición silenciado y un estado deshabilitado adecuado.

Imagen fija del componente Addon Input Group de Fieldbook, de la categoría Campos de entrada.

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.

Imagen fija del componente Character budget counter de Fieldbook, de la categoría Campos de entrada.

2760Character budget counterCampos de entradaUn cuadro de redacción con una lectura de caracteres restantes que golpea un resorte y se calienta en color a medida que se agota el presupuesto.

Imagen fija del componente Elastic tug slider de Fieldbook, de la categoría Campos de entrada.

2795Elastic tug sliderCampos de entradaUn control deslizante que se estira como una banda elástica cuando se arrastra más allá de sus extremos, haciendo retroceder la pista con un rebote una vez soltado.