resize

resize

Utilidades para controlar cómo se puede redimensionar un elemento.

Clase Estilos

resize-none

resize: none;

resize

resize: both;

resize-y

resize: vertical;

resize-x

resize: horizontal;

Ejemplos

Usa resize para hacer que un elemento sea redimensionable horizontal y verticalmente:

Arrastra el controlador del textarea en la demostración para ver el comportamiento esperado

<textarea class="resize rounded-md ..."></textarea>

Usa resize-y para hacer que un elemento sea redimensionable verticalmente:

Arrastra el controlador del textarea en la demostración para ver el comportamiento esperado

<textarea class="resize-y rounded-md ..."></textarea>

Usa resize-x para hacer que un elemento sea redimensionable horizontalmente:

Arrastra el controlador del textarea en la demostración para ver el comportamiento esperado

<textarea class="resize-x rounded-md ..."></textarea>

Usa resize-none para evitar que un elemento sea redimensionable:

Nota que el controlador del textarea ha desaparecido

<textarea class="resize-none rounded-md"></textarea>

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

<div class="resize-none md:resize ...">
  <!-- ... -->
</div>

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