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