stax-monorepo
    Preparing search index...

    Variable displayConst

    display: {
        availHeight: Readable.Readable<number>;
        availWidth: Readable.Readable<number>;
        colorDepth: Readable.Readable<number>;
        height: Readable.Readable<number>;
        orientation: Readable.Readable<Screen.OrientationSnapshot>;
        pixelDepth: Readable.Readable<number>;
        width: Readable.Readable<number>;
    } = ...

    Standard window.screen metrics, exposed reactively. All values are 0 on SSR (except orientation, which stays at a landscape- primary neutral). Change events fire on resize (most fields) or on screen.orientation.change (for orientation).

    These are the physical/logical DISPLAY dimensions — the ones that describe the monitor / device screen itself. For the browser VIEWPORT (usually what you want for responsive design), use Screen.width / Screen.height on the top-level namespace.

    Type Declaration

    • ReadonlyavailHeight: Readable.Readable<number>

      window.screen.availHeight — height minus OS chrome.

    • ReadonlyavailWidth: Readable.Readable<number>

      window.screen.availWidth — width minus OS chrome (taskbar, dock).

    • ReadonlycolorDepth: Readable.Readable<number>

      window.screen.colorDepth — bits per pixel.

    • Readonlyheight: Readable.Readable<number>

      window.screen.height — physical/logical screen height.

    • Readonlyorientation: Readable.Readable<Screen.OrientationSnapshot>

      window.screen.orientation snapshot. Fires on rotate. On SSR defaults to { type: "landscape-primary", angle: 0 }.

    • ReadonlypixelDepth: Readable.Readable<number>

      window.screen.pixelDepth — bits per pixel.

    • Readonlywidth: Readable.Readable<number>

      window.screen.width — physical/logical screen width.