[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [DeviceDetector](./x-components.devicedetector.md) ## DeviceDetector variable This component helps to detect or setting a device, that can be used later to create different layouts optimized for different devices. This detected device is available under the [XComponentAliasAPI.device](./x-components.xcomponentaliasapi.device.md) property. **Signature:** ```typescript _default: import("vue").DefineComponent>; default: () => {}; }; force: PropType; throttleMs: { type: NumberConstructor; default: number; }; }>, { throttledStoreWindowWidth: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly>; default: () => {}; }; force: PropType; throttleMs: { type: NumberConstructor; default: number; }; }>> & Readonly<{}>, { breakpoints: Record; throttleMs: number; }, {}, { GlobalEvents: new () => { $props: import("vue").VNodeProps & import("vue-global-events").GlobalEventsProps; }; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```