SafeArea is able to show content inset within the display's safe area so it is not obscured by the rounded corners, or the device's sensor housing (experimental status).
For example, the blue section is the top SafeArea, and the orange section is the bottom SafeArea.
reference resource: Designing Websites for iPhone X
Basic usage of SafeArea component.
| Properties | Description | Type | Default |
|---|---|---|---|
| position | The position of the safe area | "top" | "bottom" | - |