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/ff5637497a4f5a99aba3afb9fd5119e923bade55/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: 10 June, 2025
Found something wrong, missing, or unclear on this page? Raise an issue in our repo.