DevicePosture: type property

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The type read-only property of the DevicePosture interface returns the device's current posture.

Value

A string representing the device's current posture. The value can be one of:

continuous

Indicates a flat screen posture — this can include a foldable device while it is being used flat, a seamless curved display, or a standard desktop, laptop, tablet or mobile screen.

folded

Indicates a folded screen posture — this can include a foldable device being used in a book or laptop posture.

Examples

js
const postureOutput = document.getElementById("currentPosture");

function reportPostureOutput() {
  // type property returns "continuous" or "folded"
  postureOutput.textContent = `Device posture: ${navigator.devicePosture.type}`;
}

navigator.devicePosture.addEventListener("change", reportPostureOutput);

Specifications

See also