[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<{ breakpoints: { type: PropType>; default: () => {}; }; force: PropType; throttleMs: { type: NumberConstructor; default: number; }; }, { throttledStoreWindowWidth: () => void; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly>; default: () => {}; }; force: PropType; throttleMs: { type: NumberConstructor; default: number; }; }>>, { breakpoints: Record; throttleMs: number; }, {}> ```