QLayout
E553107
QLayout is a core Quasar Framework component that provides a responsive page layout structure with configurable headers, footers, side drawers, and content areas.
Statements (48)
| Predicate | Object |
|---|---|
| instanceOf |
Quasar Framework component
ⓘ
layout component ⓘ |
| belongsTo | Quasar UI layout system NERFINISHED ⓘ |
| category |
UI layout
ⓘ
frontend web component ⓘ |
| commonlyUsedWith |
QDrawer
NERFINISHED
ⓘ
QFooter NERFINISHED ⓘ QHeader NERFINISHED ⓘ QPage NERFINISHED ⓘ QPageContainer NERFINISHED ⓘ |
| configurableProperty |
breakpoints for layout behavior
ⓘ
container mode ⓘ page container usage ⓘ reveal behavior for footer ⓘ reveal behavior for header ⓘ view configuration ⓘ |
| documentationURL | https://quasar.dev/layout/q-layout ⓘ |
| framework | Vue.js NERFINISHED ⓘ |
| hasChildComponentSlot |
footer slot
ⓘ
header slot ⓘ left drawer slot ⓘ page container slot ⓘ right drawer slot ⓘ |
| introducedBy | Quasar Framework maintainers ⓘ |
| license | MIT License ⓘ |
| partOf | Quasar Framework NERFINISHED ⓘ |
| platform |
desktop via Electron
ⓘ
mobile via Cordova or Capacitor ⓘ web ⓘ |
| requires |
Quasar plugin installation
ⓘ
Vue component registration ⓘ |
| supportsFeature |
behavior on desktop devices
ⓘ
behavior on mobile devices ⓘ fixed footers ⓘ fixed headers ⓘ footer area ⓘ header area ⓘ left drawer area ⓘ overlay drawers ⓘ page content area ⓘ responsive design ⓘ right drawer area ⓘ scroll management ⓘ view transitions ⓘ |
| usedFor |
building responsive page layouts
ⓘ
defining application shell structure ⓘ |
| usesTechnology | Vue single-file components ⓘ |
| writtenIn | JavaScript NERFINISHED ⓘ |
Referenced by (1)
Full triples — surface form annotated when it differs from this entity's canonical label.