SafeAreaContext Variable
Context used to manage safe area (feature used by devices with non-rectangular screens).
If used, this is expected to wrap ConfigurableUiContent.
<SafeAreaContext.Provider value={SafeAreaInsets.All}>
<ConfigurableUiContent />
</SafeAreaContext.Provider>
Type
React.Context<undefined | SafeAreaInsets>
Default Value
...```
### Defined in
- <span class="defined-in"><a href="https://github.com/iTwin/appui/blob/3fa110eb2189ce2fd9f7a845e19a0ea0f4dfd22b/ui/appui-react/src/appui-react/safearea/SafeAreaContext.tsx#L23" target="_blank">ui/appui-react/src/appui-react/safearea/SafeAreaContext.tsx</a></span> Line 23
Last Updated: 24 June, 2025
Found something wrong, missing, or unclear on this page? Raise an issue in our repo.