Atom

ZStack

Layered grid container (CSS grid-template-areas: layer). Children overlap in Z order. Used for overlays and badges.

Knobs

Density

Locale

Live Preview

Overlay

Code (Katagami DSL)

ZStack {
  Rectangle().fill(Color.gold.opacity(0.06))
  Text("Overlay")
}

Props

Name	Type	Default	Description
alignment	Alignment	center	Z-layer alignment
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In