⬡ FRAMEWERK
ReferenceNodes

safe-area-view

Applies device insets as padding on the given edges; prefer the `safeArea` prop on an existing container over adding a wrapper.

View as Markdown

safe-area-view

Applies device insets as padding on the given edges; prefer the safeArea prop on an existing container over adding a wrapper.

Example

safe-area-view
phone
SPEC.JSON
RENDERED OUTPUTFRAMEWERK RENDERER
Below the notch
Edit the JSON to update the rendered screen.Edits stay in this preview

States

edges selection. Common to every node: hover / press / focus CSS bags, showWhen / hideWhen, animate.

Stability

This node type is part of the format contract: adding an optional prop is additive; removing the node or narrowing an existing prop is breaking. Prop tables are generated from the schema; this page carries the prose.