Interactividad
Utilidades para controlar cómo se puede cambiar el tamaño de un elemento.
| Clase | Estilos |
|---|---|
resize-none | resize: none; |
resize | resize: both; |
resize-y | resize: vertical; |
resize-x | resize: horizontal; |
Utiliza resize para hacer que se pueda cambiar el tamaño de un elemento tanto horizontal como verticalmente:
Arrastra el tirador del área de texto en la demostración para ver el comportamiento esperado
<textarea class="resize rounded-md ..."></textarea>Utiliza resize-y para hacer que se pueda cambiar el tamaño de un elemento verticalmente:
Arrastra el tirador del área de texto en la demostración para ver el comportamiento esperado
<textarea class="resize-y rounded-md ..."></textarea>Utiliza resize-x para hacer que se pueda cambiar el tamaño de un elemento horizontalmente:
Arrastra el tirador del área de texto en la demostración para ver el comportamiento esperado
<textarea class="resize-x rounded-md ..."></textarea>Utiliza resize-none para evitar que se pueda cambiar el tamaño de un elemento:
Nota que el tirador del área de texto ha desaparecido
<textarea class="resize-none rounded-md"></textarea>Antepone a la utilidad resize el prefijo de una variante de punto de ruptura como md: para aplicar la utilidad únicamente en tamaños de pantalla mediano y superiores:
<div class="resize-none md:resize ..."> <!-- ... --></div>Obtén más información sobre el uso de variantes en la documentación de variantes.