Interactividad
Utilidades para controlar el tamaño de los controles de formulario.
Clase | Estilos |
---|---|
field-sizing-fixed | field-sizing: fixed; |
field-sizing-content | field-sizing: content; |
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>
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>
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.