Skip to content

v2.2.0: New <mq-layout> Minus and Range Prop Selectors
Compare
Choose a tag to compare
@craigrileyuk craigrileyuk released this 28 Oct 02:27
· 42 commits to main since this release
2.2.0
52bd934

When using the <mq-layout> component within your Vue 3 app, you'll now be able to use 2 additional selector types:

  • Minus: mq="lg-" - Will render on lg or below breakpoints... NEW
  • Range: mq="xs-md" - Will render on any screen sizes between xs and md... NEW
  • Plus: mq="md+" - Renders on any screen sizes above md
  • Single: mq="lg" - Only renders on lg screen sizes
  • Array: :mq="['xs','sm','xl']" - Renders on xs, sm and xl screen sizes
Assets 2
Loading