quasar/dist/api/QHeader.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/header-and-footer"},"props":{"model-value":{"desc":"Model of the component defining if it is shown or hidden to the user; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":"Boolean","default":"true","examples":["# v-model=\"headerState\""]},"reveal":{"type":"Boolean","desc":"Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide header","category":"behavior"},"reveal-offset":{"type":"Number","desc":"Amount of scroll (in pixels) that should trigger a 'reveal' state change","default":"250","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"},"height-hint":{"type":["Number","String"],"desc":"When using SSR, you can optionally hint of the height (in pixels) of the QHeader","default":"50","category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component; Suggestion: QToolbar"}},"events":{"reveal":{"desc":"Emitted when 'reveal' state gets changed","params":{"value":{"type":"Boolean","desc":"New 'reveal' state"}}}}}