Isolation

Create new stacking context

Syntax

layout="isolation:[value]"

Values

Value	CSS Output	Description
isolate	isolation: isolate	Create stacking context
auto	isolation: auto	Auto isolation

Examples

<div layout="isolation:isolate">Isolated</div>

Preview

Isolation

layout="isolation:isolate" - Create new stacking context

isolation:isolate

View Code

<div layout="relative" space="p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div layout="isolation:isolate" space="p:small" visual="bg:primary text:white rounded:small">isolation:isolate</div>
</div>