Device by Screen Size 📱 🖥 📺

Plugin allows you to get the current screen size (xs, sm, md, lg) and/or receive an appropriate event every time user changes the screen size.
Demo | Editor

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