MediaQuery
Responsive is the key.
Example
the screen size is m
Props
đšī¸ standard props
đ¨ style props
Slots
DefaultSnippet
Default content
Available variables:
| Name | Type | Description |
|---|---|---|
xs | boolean | xs breakpoint is active |
s | boolean | s breakpoint is active |
m | boolean | m breakpoint is active |
l | boolean | l breakpoint is active |
xl | boolean | xl breakpoint is active |
xsAndDown | boolean | xs and down breakpoint is active |
sAndDown | boolean | s and down breakpoint is active |
lAndDown | boolean | l and down breakpoint is active |
mAndDown | boolean | m and down breakpoint is active |
xlAndDown | boolean | xl and down breakpoint is active |
xlAndUp | boolean | xl and up breakpoint is active |
lAndUp | boolean | l and up breakpoint is active |
mAndUp | boolean | m and up breakpoint is active |
sAndUp | boolean | s and up breakpoint is active |
xsAndUp | boolean | xs and up breakpoint is active |