Overlays

Overlay layer

Kit v2: the full-viewport fixed layer real pages mount sheets, dialogs, guards and the help drawer into, so they cover the whole window instead of a specimen stage. The React build gets this from Radix Portal.

Live specimen

Lifted from the approved family page at build time; interact with it.

Overlay layer

Full-viewport layer for sheets, dialogs, guards and the help drawer on a real page.

A page puts its sheets, dialogs and help drawer in a fixed layer, so they cover the viewport and not the frame. .below-bar keeps the help drawer under the top bar and beside the sidebar.

Uses.k-layer.k-layer.below-bar.k-sheet-b[data-k-toggle]

from families/page-primitives/#layer