Resize

Control element resizing

Syntax

visual="resize:[value]"

Values

Value	CSS Output	Description
none	resize: none	No resize
both	resize: both	Resize both
x	resize: horizontal	Resize horizontal
y	resize: vertical	Resize vertical

Examples

<textarea visual="resize:y">Vertical resize only</textarea>

Preview

Resize

visual="resize:y" - Allow element resizing

none

x

y

both

View Code

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small">none</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">x</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">y</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">both</div>
</div>