@dcl/react-ecs
Version:
Decentraland ECS
23 lines (22 loc) • 804 B
TypeScript
import { ReactEcs } from '../../react-ecs';
import { UiScreenInsetAreaProps } from './types';
/**
*
* @public
* ScreenInsetArea component
*
* Constrains its children to the area inside the renderer-reported screen
* inset (safe margins). On mobile this is the area excluding the notch,
* status bar, home indicator and rounded corners. On desktop the insets are
* typically zero, so the container fills the canvas.
*
* The container is absolutely positioned with top/left/right/bottom matching
* the current `UiCanvasInformation.screenInsetArea`, so a child sized
* 100%x100% fills the safe area exactly.
*
* @example
* <ScreenInsetArea><MyHud /></ScreenInsetArea>
*
* @category Component
*/
export declare function ScreenInsetArea(props: UiScreenInsetAreaProps): ReactEcs.JSX.Element;