# 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