Resize

Class reference

# Resize in all directions

Use .resize to make an element horizontally and vertically resizable.

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

# Resize vertically

Use .resize-y to make an element vertically resizable.

<textarea class="resize-y border rounded focus:outline-none focus:shadow-outline"></textarea>

# Resize horizontally

Use .resize-x to make an element horizontally resizable.

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

# Prevent resizing

Use .resize-none to prevent an element from being resizable.

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