1. Interactividad
  2. field-sizing

Interactividad

field-sizing

Utilidades para controlar el tamaño de los controles de formulario.

ClaseEstilos
field-sizing-fixed
field-sizing: fixed;
field-sizing-content
field-sizing: content;

Ejemplos

Tamaño basado en el contenido

Utiliza la utilidad field-sizing-content para permitir que un control de formulario ajuste su tamaño en función del contenido:

Escribe en la entrada a continuación para ver el cambio de tamaño

<textarea class="field-sizing-content ..." rows="2">  Vendedor de látex, Vandelay Industries</textarea>

Usar un tamaño fijo

Utiliza la utilidad field-sizing-fixed para hacer que un control de formulario use un tamaño fijo:

Escribe en la entrada a continuación para ver que el tamaño se mantiene igual

<textarea class="field-sizing-fixed w-80 ..." rows="2">  Vendedor de látex, Vandelay Industries</textarea>

Diseño responsivo

Antepone a la utilidad field-sizing el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:

<input class="field-sizing-content md:field-sizing-fixed ..." />

Obtén más información sobre el uso de variantes en la documentación de variantes.

Copyright © 2026 Tailwind Labs Inc.·Política de marcas registradas