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