> For the complete documentation index, see [llms.txt](https://bubble.digital-bird.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bubble.digital-bird.com/plugins/device-by-screen-size.md).

# 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.