> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/utils/hooks/usewindowsize.md).

# useWindowSize

This hook returns flags that indicate the current device.

All possible flags:&#x20;

* **Desktop devices**: `DesktopXL`, `DesktopL`, `DesktopM`, `DesktopS`, `DesktopXS`, `gtDesktopXL`, `gtDesktopL`, `gtDesktopM`, `gtDesktopS`, `gtDesktopXS`, `ltDesktopXL`, `ltDesktopL`, `ltDesktopM`, `ltDesktopS`, `ltDesktopXS`
* **Tablet devices**: `TabletL`, `TabletM`, `TabletS`,  `gtTabletL`, `gtTabletM`, `gtTabletS`,  `ltTabletL`, `ltTabletM`, `ltTabletS`
* **Mobile devices**: `PhoneL`, `PhoneM`, `PhoneS`, `gtPhoneL`, `gtPhoneM`, `gtPhoneS`, `ltPhoneL`, `ltPhoneM`, `ltPhoneS`
* **Values**: `width`, `height`
* **Utilities**: `between`

This hook provides `between` with `(from: string, to: string) => boolean` type utility. Via this utility you can check that current device width is between these two device width breakpoints.&#x20;

```typescript
import { useWindowSize } from 'altrone-ui';

const { ltePhoneL, between } = useWindowSize();
console.log(between(DesktopL, DesktopXS));
```
