Function useViewportInfo

useViewportInfo hook provides the dimensions of both the window and the screen. Useful for responsive layouts and dynamically adapting UI components based on available space.

useViewportInfo(): {
screenDimensions: ScaledSize;
windowDimensions: ScaledSize;
}
Returns {
screenDimensions: ScaledSize;
windowDimensions: ScaledSize;
}
An object containing both the window and screen dimensions.
- screenDimensions: ScaledSize
- windowDimensions: ScaledSize
- Defined in src/hooks/shared/useViewportInfo/useViewportInfo.hook.tsx:13

Function useViewportInfo

Returns { screenDimensions: ScaledSize; windowDimensions: ScaledSize; }

screenDimensions: ScaledSize

windowDimensions: ScaledSize

Settings

Returns {
screenDimensions: ScaledSize;
windowDimensions: ScaledSize;
}