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

Dimensionamiento basado en el contenido

Usa la utilidad field-sizing-content para permitir que un control de formulario ajuste su tamaño según el contenido:

Escribe en el campo de entrada de abajo para ver cómo cambia el tamaño

<textarea class="field-sizing-content ..." rows="2">
Latex Salesman, Vanderlay Industries
</textarea>

Usando un tamaño fijo

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

Escribe en el campo de entrada de abajo para ver que el tamaño sigue siendo el mismo

<textarea class="field-sizing-fixed w-80 ..." rows="2">
Latex Salesman, Vanderlay Industries
</textarea>

Responsive design

Prefija una utilidad field-sizing con una variante de breakpoint como md: para aplicar la utilidad solo en tamaños de pantalla medium y superiores:

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

Aprende más sobre el uso de variantes en la documentación de variantes.

Copyright © 2025 Tailwind Labs Inc.·Política de Marca Registrada