User Select

Control text selection

Syntax

visual="select:[value]"

Values

Value	CSS Output	Description
none	user-select: none	Prevent selection
text	user-select: text	Allow text selection
all	user-select: all	Select all on click
auto	user-select: auto	Default behavior

Examples

<div visual="select:none">Cannot select this text</div>

Preview

User Select

visual="select:none" - Control whether text can be selected

none (try select)

all (click to select)

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 select:none">none (try select)</div>
  <div space="p:small" visual="bg:success text:white rounded:small select:all">all (click to select)</div>
</div>