# Device Orientation

The DeviceOrientationEvent provides web developers with information from the physical orientation of the device running the web page.

# State

The useDeviceOrientation function exposes the following reactive state:

import { useDeviceOrientation } from 'vue-use-web';

const { isAbsolute, alpha, beta, gamma } = useDeviceOrientation();
State Type Description
isAbsolute object A boolean that indicates whether or not the device is providing orientation data absolutely.
alpha object A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360.
beta Number A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180.
gamma object A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90.

You can find more information about the state on the MDN.

# Example

TODO