⬅️ Back to Table of Contents
📄 breakpoints.ts
📊 Analysis Summary
| Metric |
Count |
| 📊 Variables & Constants |
11 |
📚 Table of Contents
🛠️ File Location:
📂 packages/core/useBreakpoints/breakpoints.ts
Variables & Constants
| Name |
Type |
Kind |
Value |
Exported |
breakpointsTailwind |
{ sm: number; md: number; lg: number; xl: number; '2xl': number; } |
const |
`{ |
|
| 'sm': 640, |
|
|
|
|
| 'md': 768, |
|
|
|
|
| 'lg': 1024, |
|
|
|
|
| 'xl': 1280, |
|
|
|
|
| '2xl': 1536, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsBootstrapV5 |
{ xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; } |
const |
`{ |
|
| xs: 0, |
|
|
|
|
| sm: 576, |
|
|
|
|
| md: 768, |
|
|
|
|
| lg: 992, |
|
|
|
|
| xl: 1200, |
|
|
|
|
| xxl: 1400, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsVuetifyV2 |
{ xs: number; sm: number; md: number; lg: number; xl: number; } |
const |
`{ |
|
| xs: 0, |
|
|
|
|
| sm: 600, |
|
|
|
|
| md: 960, |
|
|
|
|
| lg: 1264, |
|
|
|
|
| xl: 1904, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsVuetifyV3 |
{ xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; } |
const |
`{ |
|
| xs: 0, |
|
|
|
|
| sm: 600, |
|
|
|
|
| md: 960, |
|
|
|
|
| lg: 1280, |
|
|
|
|
| xl: 1920, |
|
|
|
|
| xxl: 2560, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsVuetify |
{ xs: number; sm: number; md: number; lg: number; xl: number; } |
const |
breakpointsVuetifyV2 |
✓ |
breakpointsAntDesign |
{ xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; } |
const |
`{ |
|
| xs: 480, |
|
|
|
|
| sm: 576, |
|
|
|
|
| md: 768, |
|
|
|
|
| lg: 992, |
|
|
|
|
| xl: 1200, |
|
|
|
|
| xxl: 1600, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsQuasar |
{ xs: number; sm: number; md: number; lg: number; xl: number; } |
const |
`{ |
|
| xs: 0, |
|
|
|
|
| sm: 600, |
|
|
|
|
| md: 1024, |
|
|
|
|
| lg: 1440, |
|
|
|
|
| xl: 1920, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsSematic |
{ mobileS: number; mobileM: number; mobileL: number; tablet: number; laptop: number; laptopL: number; desktop4K: number; } |
const |
`{ |
|
| mobileS: 320, |
|
|
|
|
| mobileM: 375, |
|
|
|
|
| mobileL: 425, |
|
|
|
|
| tablet: 768, |
|
|
|
|
| laptop: 1024, |
|
|
|
|
| laptopL: 1440, |
|
|
|
|
| desktop4K: 2560, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsMasterCss |
{ '3xs': number; '2xs': number; xs: number; sm: number; md: number; lg: number; xl: number; '2xl': number; '3xl': number; '4xl': number; } |
const |
`{ |
|
| '3xs': 360, |
|
|
|
|
| '2xs': 480, |
|
|
|
|
| 'xs': 600, |
|
|
|
|
| 'sm': 768, |
|
|
|
|
| 'md': 1024, |
|
|
|
|
| 'lg': 1280, |
|
|
|
|
| 'xl': 1440, |
|
|
|
|
| '2xl': 1600, |
|
|
|
|
| '3xl': 1920, |
|
|
|
|
| '4xl': 2560, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsPrimeFlex |
{ sm: number; md: number; lg: number; xl: number; } |
const |
`{ |
|
| sm: 576, |
|
|
|
|
| md: 768, |
|
|
|
|
| lg: 992, |
|
|
|
|
| xl: 1200, |
|
|
|
|
| }` |
✓ |
|
|
|
breakpointsElement |
{ xs: number; sm: number; md: number; lg: number; xl: number; } |
const |
`{ |
|
| xs: 0, |
|
|
|
|
| sm: 768, |
|
|
|
|
| md: 992, |
|
|
|
|
| lg: 1200, |
|
|
|
|
| xl: 1920, |
|
|
|
|
| }` |
✓ |
|
|
|