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