# Device by Screen Size 📱 🖥 📺

## 🔗 Links

> [Demo](https://digitaleyedemo.bubbleapps.io/version-test/devicebyscreensize) | [Editor](https://bubble.io/page?name=devicebyscreensize\&id=digitaleyedemo\&tab=tabs-1)

> [Plugin page](https://bubble.io/plugin/device-by-screen-size-width-1611618330713x668390098435833900)

> [Forum](https://forum.bubble.io/t/plugin-announcement-device-by-screen-size-width/136418)

## 🔥 Features

* Get current screen size: extra small (**xs**), small (**sm**), medium (**md**), large (**lg**)
* Triggers an appropriate event every time screen size changes
* Define your custom width for every screen size

\
Default values:

* XS screen: 0px - 768px
* SM screen: 768px - 992px
* MD screen: 992px - 1200px
* LG screen: > 1200px

## 📚 Documentation

Available events (events trigger workflows, such as a click):

* extra\_small\_screen
* small\_screen
* medium\_screen
* large\_screen

Available state (states let users access data from this element):

* Screen. Possible values: xs, sm, md, lg

Check our demo for a detailed usage example.