resize, resize-x/y, resize-none — user-resizable boxes. This family contains 4 generated classes in Nakshora 3.1.

Classes#

ClassGenerated CSS
resize-noneresize: none;
resize-yresize: vertical;
resize-xresize: horizontal;
resizeresize: both;

Example#

example
html
<textarea class="resize-y min-h-24 w-full">Grows vertically</textarea>

Responsive & variants#

Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.

Best practices#

  • resize-y for textareas, resize-none for polished forms

utilities/interactivity/cursor|Cursor · utilities/interactivity/scroll-snap|Scroll snap