Field Sizing

Control form field sizing

Syntax

visual="field-sizing:[value]"

Values

Value	CSS Output	Description
fixed	field-sizing: fixed	Fixed size
content	field-sizing: content	Size to content

Examples

<textarea visual="field-sizing:content">Auto-grow textarea</textarea>

Preview

Field Sizing

visual="field-sizing:content" - Grow field with content

fixed

content

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">fixed</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">content</div>
</div>