1 line
5.4 KiB
JSON
1 line
5.4 KiB
JSON
|
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/drawer"},"props":{"model-value":{"type":["Boolean","null"],"desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","default":"null","category":"model","examples":["# v-model=\"state\""],"required":false},"side":{"type":"String","desc":"Side to attach to","values":["'left'","'right'"],"default":"'left'","category":"behavior","required":false},"overlay":{"type":"Boolean","desc":"Puts drawer into overlay mode (does not occupy space on screen, narrowing the page)","category":"behavior"},"width":{"type":"Number","desc":"Width of drawer (in pixels)","default":"300","category":"style","required":false},"mini":{"type":"Boolean","desc":"Puts drawer into mini mode","category":"behavior"},"mini-width":{"type":"Number","desc":"Width of drawer (in pixels) when in mini mode","default":"57","category":"style","required":false},"mini-to-overlay":{"type":"Boolean","desc":"Mini mode will expand as an overlay","category":"behavior"},"no-mini-animation":{"type":"Boolean","desc":"Disables animation of the drawer when toggling mini mode","category":"behavior","addedIn":"v2.12"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"breakpoint":{"type":"Number","desc":"Breakpoint (in pixels) of layout width up to which mobile mode is used","default":"1023","examples":["1200"],"category":"behavior","required":false},"behavior":{"type":"String","desc":"Overrides the default dynamic mode into which the drawer is put on","values":["'default'","'desktop'","'mobile'"],"default":"'default'","category":"behavior","required":false},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"elevated":{"type":"Boolean","desc":"Adds a default shadow to the header","category":"style"},"persistent":{"type":"Boolean","desc":"Prevents drawer from auto-closing when app's route changes; Also, an app route change won't hide it","category":"behavior"},"show-if-above":{"type":"Boolean","desc":"Forces drawer to be shown on screen on initial render if the layout width is above breakpoint, regardless of v-model; This is the default behavior when SSR is taken over by client on initial render","category":"behavior"},"no-swipe-open":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped into view; Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-close":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped out of view (applies to drawer content only); Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-backdrop":{"type":"Boolean","desc":"Disables the default behavior where drawer backdrop can be swiped","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component (overridden by 'mini' slot if used and drawer is in mini mode)"},"mini":{"desc":"Content to show when in mini mode (overrides 'default' slot)"}},"events":{"update:model-value":{"desc":"Emitted when showing/hidden state changes; Is also used by v-model","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event obj
|