v2.2.0: New <MqLayout>
Minus and Range Prop Selectors
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