","doc-url":"https://v2.quasar.dev/vue-components/field"},{"name":"hint","description":"Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/field"},{"name":"counter","description":"Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/field"},{"name":"loading","description":"Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop","doc-url":"https://v2.quasar.dev/vue-components/field"},{"name":"control","description":"Slot for controls; Suggestion QSlider, QRange, QKnob, ...","doc-url":"https://v2.quasar.dev/vue-components/field"}],"description":"QField - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/field"},{"name":"QFile","source":{"module":"quasar","symbol":"QFile"},"attributes":[{"name":"name","value":{"kind":"expression","type":"string"},"description":"Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists\n\nExamples:\n'car_id'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"multiple","value":{"kind":"expression","type":"boolean"},"description":"Allow multiple file uploads","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"accept","value":{"kind":"expression","type":"string"},"description":"Comma separated list of unique file type specifiers. Maps to 'accept' attribute of native input type=file element\n\nExamples:\n'.jpg, .pdf, image/*'\n'image/jpeg, .pdf'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"capture","value":{"kind":"expression","type":"''user''|''environment''"},"description":"Optionally, specify that a new file should be captured, and which device should be used to capture that new media of a type defined by the 'accept' prop. Maps to 'capture' attribute of native input type=file element","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"max-file-size","value":{"kind":"expression","type":"number|string"},"description":"Maximum size of individual file in bytes\n\nExamples:\n1024\n'1048576'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"max-total-size","value":{"kind":"expression","type":"number|string"},"description":"Maximum size of all files combined in bytes","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"max-files","value":{"kind":"expression","type":"number|string"},"description":"Maximum number of files to contain","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"filter","value":{"kind":"expression","type":"Function"},"description":"Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline\n\nExamples:\nfiles => files.filter(file => file.size === 1024)","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"model-value","value":{"kind":"expression","type":"File|FileList|any[]|null|undefined"},"description":"Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\n# v-model=\"myModel\"","doc-url":"https://v2.quasar.dev/vue-components/file","required":true},{"name":"error","value":{"kind":"expression","type":"boolean|null"},"description":"Does field have validation errors?","doc-url":"https://v2.quasar.dev/vue-components/file","default":"\"null\""},{"name":"error-message","value":{"kind":"expression","type":"string"},"description":"Validation error message (gets displayed only if 'error' is set to 'true')\n\nExamples:\n'Username must have at least 5 characters'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"no-error-icon","value":{"kind":"expression","type":"boolean"},"description":"Hide error icon when there is an error","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"rules","value":{"kind":"expression","type":"any[]"},"description":"Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules\n\nExamples:\n[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\n[ 'fulltime' ]\n[ (val, rules) => rules.email(val) || 'Please enter a valid email address' ]","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"reactive-rules","value":{"kind":"expression","type":"boolean"},"description":"By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"lazy-rules","value":{"kind":"expression","type":"boolean|string"},"description":"If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself","doc-url":"https://v2.quasar.dev/vue-components/file","default":"\"false\""},{"name":"label","value":{"kind":"expression","type":"string"},"description":"A text label that will “float” up above the input field, once the field gets focus\n\nExamples:\n'Username'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"stack-label","value":{"kind":"expression","type":"boolean"},"description":"Label will be always shown above the field regardless of field content (if any)","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"hint","value":{"kind":"expression","type":"string"},"description":"Helper (hint) text which gets placed below your wrapped form component\n\nExamples:\n'Fill in between 3 and 12 characters'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"hide-hint","value":{"kind":"expression","type":"boolean"},"description":"Hide the helper (hint) text when field doesn't have focus","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"prefix","value":{"kind":"expression","type":"string"},"description":"Prefix\n\nExamples:\n'$'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"suffix","value":{"kind":"expression","type":"string"},"description":"Suffix\n\nExamples:\n'@gmail.com'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"label-color","value":{"kind":"expression","type":"string"},"description":"Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"bg-color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/file","default":"\"null\""},{"name":"loading","value":{"kind":"expression","type":"boolean"},"description":"Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"clearable","value":{"kind":"expression","type":"boolean"},"description":"Appends clearable icon when a value (not undefined or null) is set; When clicked, model becomes null","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"clear-icon","value":{"kind":"expression","type":"string"},"description":"Custom icon to use for the clear button when using along with 'clearable' prop\n\nExamples:\n'close'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"filled","value":{"kind":"expression","type":"boolean"},"description":"Use 'filled' design for the field","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"outlined","value":{"kind":"expression","type":"boolean"},"description":"Use 'outlined' design for the field","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"borderless","value":{"kind":"expression","type":"boolean"},"description":"Use 'borderless' design for the field","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"standout","value":{"kind":"expression","type":"boolean|string"},"description":"Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)\n\nExamples:\ntrue\n'bg-primary text-white'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"label-slot","value":{"kind":"expression","type":"boolean"},"description":"Enables label slot; You need to set it to force use of the 'label' slot if the 'label' prop is not set","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"bottom-slots","value":{"kind":"expression","type":"boolean"},"description":"Enables bottom slots ('error', 'hint', 'counter')","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"hide-bottom-space","value":{"kind":"expression","type":"boolean"},"description":"Do not reserve space for hint/error/counter anymore when these are not used; As a result, it also disables the animation for those; It also allows the hint/error area to stretch vertically based on its content","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"counter","value":{"kind":"expression","type":"boolean"},"description":"Show an automatic counter on bottom right","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a small standard border-radius for a squared shape of the component","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"square","value":{"kind":"expression","type":"boolean"},"description":"Remove border-radius so borders are squared; Overrides 'rounded' prop","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"item-aligned","value":{"kind":"expression","type":"boolean"},"description":"Match inner content alignment to that of QItem","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"readonly","value":{"kind":"expression","type":"boolean"},"description":"Put component in readonly mode","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"autofocus","value":{"kind":"expression","type":"boolean"},"description":"Focus field on initial component render","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"for","value":{"kind":"expression","type":"string"},"description":"Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well\n\nExamples:\n'myFieldsId'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"append","value":{"kind":"expression","type":"boolean"},"description":"Append file(s) to current model rather than replacing them; Has effect only when using 'multiple' mode","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"display-value","value":{"kind":"expression","type":"number|string"},"description":"Override default selection string, if not using 'file' or 'selected' scoped slots and if not using 'use-chips' prop\n\nExamples:\n'Options: x, y, z'","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"use-chips","value":{"kind":"expression","type":"boolean"},"description":"Use QChip to show picked files","doc-url":"https://v2.quasar.dev/vue-components/file","type":"boolean"},{"name":"counter-label","value":{"kind":"expression","type":"Function"},"description":"Label for the counter; The 'counter' prop is necessary to enable this one\n\nExamples:\n(totalSize, filesNumber, maxFiles) => `${ filesNumber }${ maxFiles !== void 0 ? ' / ' + maxFiles : '' } (${ totalSize })`","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"tabindex","value":{"kind":"expression","type":"number|string"},"description":"Tabindex HTML attribute value\n\nExamples:\n100\n'0'","doc-url":"https://v2.quasar.dev/vue-components/file","default":"\"0\""},{"name":"input-class","value":{"kind":"expression","type":"string|any[]|object"},"description":"Class definitions to be attributed to the underlying selection container\n\nExamples:\n'my-special-class'\n{ 'my-special-class': true }","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"input-style","value":{"kind":"expression","type":"string|any[]|object"},"description":"Style definitions to be attributed to the underlying selection container\n\nExamples:\n'background-color: #ff0000'\n{ backgroundColor: '#ff0000' }","doc-url":"https://v2.quasar.dev/vue-components/file"}],"events":[{"name":"rejected","arguments":[{"name":"rejectedEntries","type":"any[]","description":"Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation","doc-url":"https://v2.quasar.dev/vue-components/file"}],"description":"Emitted after files are picked and some do not pass the validation props (accept, max-file-size, max-total-size, filter, etc)","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"update:model-value","arguments":[{"name":"value","type":"any","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/file"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"focus","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/file"}],"description":"Emitted when component gets focused","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"blur","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/file"}],"description":"Emitted when component loses focus","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"clear","arguments":[{"name":"value","type":"any","description":"The previous value before clearing it","doc-url":"https://v2.quasar.dev/vue-components/file"}],"description":"When using the 'clearable' property, this event is emitted when the clear icon is clicked","doc-url":"https://v2.quasar.dev/vue-components/file"}],"slots":[{"name":"default","description":"Field main content","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"prepend","description":"Prepend inner field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"append","description":"Append to inner field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"before","description":"Prepend outer field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"after","description":"Append outer field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"label","description":"Slot for label; Used only if 'label-slot' prop is set or the 'label' prop is set; When it is used the text in the 'label' prop is ignored","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"error","description":"Slot for errors; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"hint","description":"Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"counter","description":"Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"loading","description":"Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"file","description":"Override default node to render a file from the user picked list","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"selected","description":"Override default selection slot; Suggestion: QChip","doc-url":"https://v2.quasar.dev/vue-components/file"}],"description":"QFile - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/file"},{"name":"QFooter","source":{"module":"quasar","symbol":"QFooter"},"attributes":[{"name":"model-value","value":{"kind":"expression","type":"boolean"},"description":"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\n\nExamples:\n# v-model=\"footerState\"","doc-url":"https://v2.quasar.dev/layout/header-and-footer","default":"\"true\"","type":"boolean"},{"name":"reveal","value":{"kind":"expression","type":"boolean"},"description":"Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide footer","doc-url":"https://v2.quasar.dev/layout/header-and-footer","type":"boolean"},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Applies a default border to the component","doc-url":"https://v2.quasar.dev/layout/header-and-footer","type":"boolean"},{"name":"elevated","value":{"kind":"expression","type":"boolean"},"description":"Adds a default shadow to the footer","doc-url":"https://v2.quasar.dev/layout/header-and-footer","type":"boolean"},{"name":"height-hint","value":{"kind":"expression","type":"number|string"},"description":"When using SSR, you can optionally hint of the height (in pixels) of the QFooter","doc-url":"https://v2.quasar.dev/layout/header-and-footer","default":"\"50\""}],"events":[{"name":"reveal","arguments":[{"name":"value","type":"boolean","description":"New 'reveal' state","doc-url":"https://v2.quasar.dev/layout/header-and-footer"}],"description":"Emitted when 'reveal' state gets changed","doc-url":"https://v2.quasar.dev/layout/header-and-footer"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component; Suggestion: QToolbar","doc-url":"https://v2.quasar.dev/layout/header-and-footer"}],"description":"QFooter - Quasar component","doc-url":"https://v2.quasar.dev/layout/header-and-footer"},{"name":"QForm","source":{"module":"quasar","symbol":"QForm"},"attributes":[{"name":"autofocus","value":{"kind":"expression","type":"boolean"},"description":"Focus first focusable element on initial component render","doc-url":"https://v2.quasar.dev/vue-components/form","type":"boolean"},{"name":"no-error-focus","value":{"kind":"expression","type":"boolean"},"description":"Do not try to focus on first component that has a validation error when submitting form","doc-url":"https://v2.quasar.dev/vue-components/form","type":"boolean"},{"name":"no-reset-focus","value":{"kind":"expression","type":"boolean"},"description":"Do not try to focus on first component when resetting form","doc-url":"https://v2.quasar.dev/vue-components/form","type":"boolean"},{"name":"greedy","value":{"kind":"expression","type":"boolean"},"description":"Validate all fields in form (by default it stops after finding the first invalid field with synchronous validation)","doc-url":"https://v2.quasar.dev/vue-components/form","type":"boolean"}],"events":[{"name":"submit","arguments":[{"name":"evt","type":"Event|SubmitEvent","description":"Form submission event object","doc-url":"https://v2.quasar.dev/vue-components/form"}],"description":"Emitted when all validations have passed when tethered to a submit button","doc-url":"https://v2.quasar.dev/vue-components/form"},{"name":"reset","description":"Emitted when all validations have been reset when tethered to a reset button; It is recommended to manually reset the wrapped components models in this handler","doc-url":"https://v2.quasar.dev/vue-components/form"},{"name":"validation-success","description":"Emitted after a validation was triggered and all inner Quasar components models are valid","doc-url":"https://v2.quasar.dev/vue-components/form"},{"name":"validation-error","arguments":[{"name":"ref","type":"Component","description":"Vue reference to the first component that triggered the validation error","doc-url":"https://v2.quasar.dev/vue-components/form"}],"description":"Emitted after a validation was triggered and at least one of the inner Quasar components models are NOT valid","doc-url":"https://v2.quasar.dev/vue-components/form"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/form"}],"description":"QForm - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/form"},{"name":"QFormChildMixin","source":{"module":"quasar","symbol":"QFormChildMixin"},"slots":[],"description":"QFormChildMixin - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/form"},{"name":"QHeader","source":{"module":"quasar","symbol":"QHeader"},"attributes":[{"name":"model-value","value":{"kind":"expression","type":"boolean"},"description":"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\n\nExamples:\n# v-model=\"headerState\"","doc-url":"https://v2.quasar.dev/layout/header-and-footer","default":"\"true\"","type":"boolean"},{"name":"reveal","value":{"kind":"expression","type":"boolean"},"description":"Enable 'reveal' mode; Takes into account user scroll to temporarily show/hide header","doc-url":"https://v2.quasar.dev/layout/header-and-footer","type":"boolean"},{"name":"reveal-offset","value":{"kind":"expression","type":"number"},"description":"Amount of scroll (in pixels) that should trigger a 'reveal' state change","doc-url":"https://v2.quasar.dev/layout/header-and-footer","default":"\"250\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Applies a default border to the component","doc-url":"https://v2.quasar.dev/layout/header-and-footer","type":"boolean"},{"name":"elevated","value":{"kind":"expression","type":"boolean"},"description":"Adds a default shadow to the header","doc-url":"https://v2.quasar.dev/layout/header-and-footer","type":"boolean"},{"name":"height-hint","value":{"kind":"expression","type":"number|string"},"description":"When using SSR, you can optionally hint of the height (in pixels) of the QHeader","doc-url":"https://v2.quasar.dev/layout/header-and-footer","default":"\"50\""}],"events":[{"name":"reveal","arguments":[{"name":"value","type":"boolean","description":"New 'reveal' state","doc-url":"https://v2.quasar.dev/layout/header-and-footer"}],"description":"Emitted when 'reveal' state gets changed","doc-url":"https://v2.quasar.dev/layout/header-and-footer"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component; Suggestion: QToolbar","doc-url":"https://v2.quasar.dev/layout/header-and-footer"}],"description":"QHeader - Quasar component","doc-url":"https://v2.quasar.dev/layout/header-and-footer"},{"name":"QIcon","source":{"module":"quasar","symbol":"QIcon"},"attributes":[{"name":"size","value":{"kind":"expression","type":"string"},"description":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n'16px'\n'2rem'\n'xs'\n'md'","doc-url":"https://v2.quasar.dev/vue-components/icon"},{"name":"tag","value":{"kind":"expression","type":"string"},"description":"HTML tag to render, unless no icon is supplied or it's an svg icon\n\nExamples:\n'div'\n'i'","doc-url":"https://v2.quasar.dev/vue-components/icon","default":"\"'i'\""},{"name":"name","value":{"kind":"expression","type":"string"},"description":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)\n\nExamples:\n'map'\n'ion-add'\n'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'\n'img:path/to/some_image.png'","doc-url":"https://v2.quasar.dev/vue-components/icon"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/icon"},{"name":"left","value":{"kind":"expression","type":"boolean"},"description":"Useful if icon is on the left side of something: applies a standard margin on the right side of Icon","doc-url":"https://v2.quasar.dev/vue-components/icon","type":"boolean"},{"name":"right","value":{"kind":"expression","type":"boolean"},"description":"Useful if icon is on the right side of something: applies a standard margin on the left side of Icon","doc-url":"https://v2.quasar.dev/vue-components/icon","type":"boolean"}],"slots":[{"name":"default","description":"Suggestions: QTooltip or QMenu","doc-url":"https://v2.quasar.dev/vue-components/icon"}],"description":"QIcon - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/icon"},{"name":"QImg","source":{"module":"quasar","symbol":"QImg"},"attributes":[{"name":"ratio","value":{"kind":"expression","type":"string|number"},"description":"Force the component to maintain an aspect ratio\n\nExamples:\n1\n'1.7778'\n# :ratio=\"4/3\"\n# :ratio=\"16/9\"\n# (Number format) :ratio=\"16/9\"\n# (String format) ratio=\"1\"","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"src","value":{"kind":"expression","type":"string"},"description":"Path to image\n\nExamples:\n# (public folder) src=\"img/something.png\"\n# (assets folder) src=\"~assets/my-img.gif\"\n# (relative path format) :src=\"require('./my_img.jpg')\"\n# (URL) src=\"https://picsum.photos/500/300\"","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"srcset","value":{"kind":"expression","type":"string"},"description":"Same syntax as ![]()
srcset attribute\n\nExamples:\n'elva-fairy-320w.jpg 320w, elva-fairy-480w.jpg 480w'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"sizes","value":{"kind":"expression","type":"string"},"description":"Same syntax as ![]()
sizes attribute\n\nExamples:\n'(max-width: 320px) 280px, (max-width: 480px) 440px, 800px'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"placeholder-src","value":{"kind":"expression","type":"string"},"description":"While waiting for your image to load, you can use a placeholder image\n\nExamples:\n# (public folder) placeholder-src=\"img/some-placeholder.png\"\n# (assets folder) placeholder-src=\"~assets/my-placeholder.gif\"\n# (relative path format) :placeholder-src=\"require('./placeholder.jpg')\"\n# (URL) placeholder-src=\"https://picsum.photos/500/300\"","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"error-src","value":{"kind":"expression","type":"string"},"description":"In case your image fails to load, you can use an error image\n\nExamples:\n# (public folder) error-src=\"img/some-placeholder.png\"\n# (assets folder) error-src=\"~assets/my-placeholder.gif\"\n# (relative path format) :error-src=\"require('./placeholder.jpg')\"\n# (URL) error-src=\"https://picsum.photos/500/300\"","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"initial-ratio","value":{"kind":"expression","type":"string|number"},"description":"Use it when not specifying 'ratio' but still wanting an initial aspect ratio\n\nExamples:\n# (Number format) :initial-ratio=\"16/9\"\n# (String format) initial-ratio=\"1\"","doc-url":"https://v2.quasar.dev/vue-components/img","default":"\"1.7778\""},{"name":"width","value":{"kind":"expression","type":"string"},"description":"Forces image width; Must also include the unit (px or %)\n\nExamples:\n'280px'\n'70%'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"height","value":{"kind":"expression","type":"string"},"description":"Forces image height; Must also include the unit (px or %)\n\nExamples:\n'280px'\n'70%'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"loading","value":{"kind":"expression","type":"''lazy''|''eager''"},"description":"Lazy or immediate load; Same syntax as ![]()
loading attribute","doc-url":"https://v2.quasar.dev/vue-components/img","default":"\"'lazy'\""},{"name":"loading-show-delay","value":{"kind":"expression","type":"number|string"},"description":"Delay showing the spinner when image changes; Gives time for the browser to load the image from cache to prevent flashing the spinner unnecessarily; Value should represent milliseconds\n\nExamples:\n500\n'700'","doc-url":"https://v2.quasar.dev/vue-components/img","default":"\"0\""},{"name":"crossorigin","value":{"kind":"expression","type":"''anonymous''|''use-credentials''"},"description":"Same syntax as ![]()
crossorigin attribute","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"decoding","value":{"kind":"expression","type":"''sync''|''async''|''auto''"},"description":"Same syntax as ![]()
decoding attribute","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"referrerpolicy","value":{"kind":"expression","type":"''no-referrer''|''no-referrer-when-downgrade''|''origin''|''origin-when-cross-origin''|''same-origin''|''strict-origin''|''strict-origin-when-cross-origin''|''unsafe-url''"},"description":"Same syntax as ![]()
referrerpolicy attribute","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"fetchpriority","value":{"kind":"expression","type":"''high''|''low''|''auto''"},"description":"Provides a hint of the relative priority to use when fetching the image","doc-url":"https://v2.quasar.dev/vue-components/img","default":"\"'auto'\""},{"name":"fit","value":{"kind":"expression","type":"''cover''|''fill''|''contain''|''none''|''scale-down''"},"description":"How the image will fit into the container; Equivalent of the object-fit prop; Can be coordinated with 'position' prop","doc-url":"https://v2.quasar.dev/vue-components/img","default":"\"'cover'\""},{"name":"position","value":{"kind":"expression","type":"string"},"description":"The alignment of the image into the container; Equivalent of the object-position CSS prop\n\nExamples:\n'0 0'\n'20px 50px'","doc-url":"https://v2.quasar.dev/vue-components/img","default":"\"'50% 50%'\""},{"name":"alt","value":{"kind":"expression","type":"string"},"description":"Specifies an alternate text for the image, if the image cannot be displayed\n\nExamples:\n'Two cats'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"draggable","value":{"kind":"expression","type":"boolean"},"description":"Adds the native 'draggable' attribute","doc-url":"https://v2.quasar.dev/vue-components/img","type":"boolean"},{"name":"img-class","value":{"kind":"expression","type":"string"},"description":"CSS classes to be attributed to the native img element\n\nExamples:\n'my-special-class'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"img-style","value":{"kind":"expression","type":"object"},"description":"Apply CSS to the native img element\n\nExamples:\n{ transform: 'rotate(45deg)' }","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"spinner-color","value":{"kind":"expression","type":"string"},"description":"Color name for default Spinner (unless using a 'loading' slot)\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"spinner-size","value":{"kind":"expression","type":"string"},"description":"Size in CSS units, including unit name, for default Spinner (unless using a 'loading' slot)\n\nExamples:\n'16px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"no-spinner","value":{"kind":"expression","type":"boolean"},"description":"Do not display the default spinner while waiting for the image to be loaded; It is overriden by the 'loading' slot when one is present","doc-url":"https://v2.quasar.dev/vue-components/img","type":"boolean"},{"name":"no-native-menu","value":{"kind":"expression","type":"boolean"},"description":"Disables the native context menu for the image","doc-url":"https://v2.quasar.dev/vue-components/img","type":"boolean"},{"name":"no-transition","value":{"kind":"expression","type":"boolean"},"description":"Disable default transition when switching between old and new image","doc-url":"https://v2.quasar.dev/vue-components/img","type":"boolean"}],"events":[{"name":"load","arguments":[{"name":"src","type":"string","description":"URL of image that has been loaded; useful when using 'srcset' and/or 'sizes'\n\nExamples:\n'https://some-site.net/some-img.gif'","doc-url":"https://v2.quasar.dev/vue-components/img"}],"description":"Emitted when image has been loaded by the browser","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"error","arguments":[{"name":"evt","type":"Event","description":"JS Event object (same as the browser's native 'error' event)","doc-url":"https://v2.quasar.dev/vue-components/img"}],"description":"Emitted when browser could not load the image","doc-url":"https://v2.quasar.dev/vue-components/img"}],"slots":[{"name":"default","description":"Default slot can be used for captions. See examples","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"loading","description":"While image is loading, this slot is being displayed on top of the component; Suggestions: a spinner or text","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"error","description":"Optional slot to be used when image could not be loaded; make sure you assign a min-height and min-width to the component through CSS","doc-url":"https://v2.quasar.dev/vue-components/img"}],"description":"QImg - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/img"},{"name":"QInfiniteScroll","source":{"module":"quasar","symbol":"QInfiniteScroll"},"attributes":[{"name":"offset","value":{"kind":"expression","type":"number"},"description":"Offset (pixels) to bottom of Infinite Scroll container from which the component should start loading more content in advance","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll","default":"\"500\""},{"name":"debounce","value":{"kind":"expression","type":"string|number"},"description":"Debounce amount (in milliseconds)","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll","default":"\"100\""},{"name":"initial-index","value":{"kind":"expression","type":"number"},"description":"Initialize the pagination index (used for the @load event)","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll","default":"\"0\""},{"name":"scroll-target","value":{"kind":"expression","type":"Element|string"},"description":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one\n\nExamples:\n.scroll-target-class\n#scroll-target-id\n$refs.scrollTarget\ndocument.body","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll","type":"boolean"},{"name":"reverse","value":{"kind":"expression","type":"boolean"},"description":"Scroll area should behave like a messenger - starting scrolled to bottom and loading when reaching the top","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll","type":"boolean"}],"events":[{"name":"load","arguments":[{"name":"index","type":"number","description":"The index parameter can be used to make some sort of pagination on the content you load. It takes numeric values starting with 1 and incrementing with each call","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"},{"name":"done","type":"Function","description":"Function to call when you made all necessary updates. DO NOT forget to call it otherwise your loading message will continue to be displayed","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"}],"description":"Emitted when Infinite Scroll needs to load more data","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"},{"name":"loading","description":"Slot displaying something while loading content; Example: QSpinner","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"}],"description":"QInfiniteScroll - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/infinite-scroll"},{"name":"QInnerLoading","source":{"module":"quasar","symbol":"QInnerLoading"},"attributes":[{"name":"transition-show","value":{"kind":"expression","type":"string"},"description":"One of Quasar's embedded transitions\n\nExamples:\n'fade'\n'slide-down'","doc-url":"https://v2.quasar.dev/vue-components/inner-loading","default":"\"'fade'\""},{"name":"transition-hide","value":{"kind":"expression","type":"string"},"description":"One of Quasar's embedded transitions\n\nExamples:\n'fade'\n'slide-down'","doc-url":"https://v2.quasar.dev/vue-components/inner-loading","default":"\"'fade'\""},{"name":"transition-duration","value":{"kind":"expression","type":"string|number"},"description":"Transition duration (in milliseconds, without unit)","doc-url":"https://v2.quasar.dev/vue-components/inner-loading","default":"\"300\""},{"name":"size","value":{"kind":"expression","type":"string|number"},"description":"Size in CSS units, including unit name, or standard size name (xs|sm|md|lg|xl), for the inner Spinner (unless using the default slot)\n\nExamples:\n'16px'\n'2rem'\n'xs'\n'md'","doc-url":"https://v2.quasar.dev/vue-components/inner-loading","default":"\"'42px'\""},{"name":"showing","value":{"kind":"expression","type":"boolean"},"description":"State - loading or not","doc-url":"https://v2.quasar.dev/vue-components/inner-loading","type":"boolean"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/inner-loading"},{"name":"label","value":{"kind":"expression","type":"string"},"description":"Add a label; Gets overriden when using the default slot\n\nExamples:\n'Please wait...'","doc-url":"https://v2.quasar.dev/vue-components/inner-loading"},{"name":"label-class","value":{"kind":"expression","type":"string"},"description":"Add CSS class(es) to the label; Works along the 'label' prop only\n\nExamples:\n'text-red q-mt-xl'","doc-url":"https://v2.quasar.dev/vue-components/inner-loading"},{"name":"label-style","value":{"kind":"expression","type":"string|any[]|object"},"description":"Apply custom style to the label; Works along the 'label' prop only\n\nExamples:\n'font-size: 28px'\n{ color: '#ff0000' }","doc-url":"https://v2.quasar.dev/vue-components/inner-loading"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/inner-loading","default":"\"null\""}],"slots":[{"name":"default","description":"Default slot is used for replacing default Spinner; Suggestions: a spinner or text","doc-url":"https://v2.quasar.dev/vue-components/inner-loading"}],"description":"QInnerLoading - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/inner-loading"},{"name":"QInput","source":{"module":"quasar","symbol":"QInput"},"attributes":[{"name":"name","value":{"kind":"expression","type":"string"},"description":"Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists\n\nExamples:\n'car_id'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"mask","value":{"kind":"expression","type":"string"},"description":"Custom mask or one of the predefined mask names\n\nExamples:\n'###-##'\n'date'\n'datetime'\n'time'\n'fulltime'\n'phone'\n'card'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"fill-mask","value":{"kind":"expression","type":"boolean|string"},"description":"Fills string with specified characters (or underscore if value is not string) to fill mask's length\n\nExamples:\ntrue\n'0'\n'_'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"reverse-fill-mask","value":{"kind":"expression","type":"boolean"},"description":"Fills string from the right side of the mask","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"unmasked-value","value":{"kind":"expression","type":"boolean"},"description":"Model will be unmasked (won't contain tokens/separation characters)","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"model-value","value":{"kind":"expression","type":"string|number|FileList|null|undefined"},"description":"Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\n# v-model=\"myText\"","doc-url":"https://v2.quasar.dev/vue-components/input","required":true},{"name":"error","value":{"kind":"expression","type":"boolean|null"},"description":"Does field have validation errors?","doc-url":"https://v2.quasar.dev/vue-components/input","default":"\"null\""},{"name":"error-message","value":{"kind":"expression","type":"string"},"description":"Validation error message (gets displayed only if 'error' is set to 'true')\n\nExamples:\n'Username must have at least 5 characters'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"no-error-icon","value":{"kind":"expression","type":"boolean"},"description":"Hide error icon when there is an error","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"rules","value":{"kind":"expression","type":"any[]"},"description":"Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules\n\nExamples:\n[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\n[ 'fulltime' ]\n[ (val, rules) => rules.email(val) || 'Please enter a valid email address' ]","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"reactive-rules","value":{"kind":"expression","type":"boolean"},"description":"By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"lazy-rules","value":{"kind":"expression","type":"boolean|string"},"description":"If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself","doc-url":"https://v2.quasar.dev/vue-components/input","default":"\"false\""},{"name":"label","value":{"kind":"expression","type":"string"},"description":"A text label that will “float” up above the input field, once the field gets focus\n\nExamples:\n'Username'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"stack-label","value":{"kind":"expression","type":"boolean"},"description":"Label will be always shown above the field regardless of field content (if any)","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"hint","value":{"kind":"expression","type":"string"},"description":"Helper (hint) text which gets placed below your wrapped form component\n\nExamples:\n'Fill in between 3 and 12 characters'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"hide-hint","value":{"kind":"expression","type":"boolean"},"description":"Hide the helper (hint) text when field doesn't have focus","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"prefix","value":{"kind":"expression","type":"string"},"description":"Prefix\n\nExamples:\n'$'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"suffix","value":{"kind":"expression","type":"string"},"description":"Suffix\n\nExamples:\n'@gmail.com'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"label-color","value":{"kind":"expression","type":"string"},"description":"Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"bg-color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/input","default":"\"null\""},{"name":"loading","value":{"kind":"expression","type":"boolean"},"description":"Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"clearable","value":{"kind":"expression","type":"boolean"},"description":"Appends clearable icon when a value (not undefined or null) is set; When clicked, model becomes null","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"clear-icon","value":{"kind":"expression","type":"string"},"description":"Custom icon to use for the clear button when using along with 'clearable' prop\n\nExamples:\n'close'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"filled","value":{"kind":"expression","type":"boolean"},"description":"Use 'filled' design for the field","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"outlined","value":{"kind":"expression","type":"boolean"},"description":"Use 'outlined' design for the field","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"borderless","value":{"kind":"expression","type":"boolean"},"description":"Use 'borderless' design for the field","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"standout","value":{"kind":"expression","type":"boolean|string"},"description":"Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)\n\nExamples:\ntrue\n'bg-primary text-white'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"label-slot","value":{"kind":"expression","type":"boolean"},"description":"Enables label slot; You need to set it to force use of the 'label' slot if the 'label' prop is not set","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"bottom-slots","value":{"kind":"expression","type":"boolean"},"description":"Enables bottom slots ('error', 'hint', 'counter')","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"hide-bottom-space","value":{"kind":"expression","type":"boolean"},"description":"Do not reserve space for hint/error/counter anymore when these are not used; As a result, it also disables the animation for those; It also allows the hint/error area to stretch vertically based on its content","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"counter","value":{"kind":"expression","type":"boolean"},"description":"Show an automatic counter on bottom right","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a small standard border-radius for a squared shape of the component","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"square","value":{"kind":"expression","type":"boolean"},"description":"Remove border-radius so borders are squared; Overrides 'rounded' prop","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"item-aligned","value":{"kind":"expression","type":"boolean"},"description":"Match inner content alignment to that of QItem","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"readonly","value":{"kind":"expression","type":"boolean"},"description":"Put component in readonly mode","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"autofocus","value":{"kind":"expression","type":"boolean"},"description":"Focus field on initial component render","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"for","value":{"kind":"expression","type":"string"},"description":"Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well\n\nExamples:\n'myFieldsId'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"shadow-text","value":{"kind":"expression","type":"string"},"description":"Text to be displayed as shadow at the end of the text in the control; Does NOT applies to type=file\n\nExamples:\n'rest of the fill value'","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"type","value":{"kind":"expression","type":"''text''|''password''|''textarea''|''email''|''search''|''tel''|''file''|''number''|''url''|''time''|''date''|''datetime-local''"},"description":"Input type","doc-url":"https://v2.quasar.dev/vue-components/input","default":"\"'text'\""},{"name":"debounce","value":{"kind":"expression","type":"string|number"},"description":"Debounce amount (in milliseconds) when updating model","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"maxlength","value":{"kind":"expression","type":"string|number"},"description":"Specify a max length of model","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"autogrow","value":{"kind":"expression","type":"boolean"},"description":"Make field autogrow along with its content (uses a textarea)","doc-url":"https://v2.quasar.dev/vue-components/input","type":"boolean"},{"name":"input-class","value":{"kind":"expression","type":"string|any[]|object"},"description":"Class definitions to be attributed to the underlying input tag\n\nExamples:\n'my-special-class'\n{ 'my-special-class': true }","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"input-style","value":{"kind":"expression","type":"string|any[]|object"},"description":"Style definitions to be attributed to the underlying input tag\n\nExamples:\n'background-color: #ff0000'\n{ backgroundColor: '#ff0000' }","doc-url":"https://v2.quasar.dev/vue-components/input"}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"string|number|null","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/input"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"focus","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/input"}],"description":"Emitted when component gets focused","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"blur","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/input"}],"description":"Emitted when component loses focus","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"clear","arguments":[{"name":"value","type":"any","description":"The previous value before clearing it","doc-url":"https://v2.quasar.dev/vue-components/input"}],"description":"When using the 'clearable' property, this event is emitted when the clear icon is clicked","doc-url":"https://v2.quasar.dev/vue-components/input"}],"slots":[{"name":"default","description":"Field main content","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"prepend","description":"Prepend inner field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"append","description":"Append to inner field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"before","description":"Prepend outer field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"after","description":"Append outer field; Suggestions: QIcon, QBtn","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"label","description":"Slot for label; Used only if 'label-slot' prop is set or the 'label' prop is set; When it is used the text in the 'label' prop is ignored","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"error","description":"Slot for errors; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"hint","description":"Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"counter","description":"Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion:
","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"loading","description":"Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop","doc-url":"https://v2.quasar.dev/vue-components/input"}],"description":"QInput - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/input"},{"name":"QIntersection","source":{"module":"quasar","symbol":"QIntersection"},"attributes":[{"name":"tag","value":{"kind":"expression","type":"string"},"description":"HTML tag to use\n\nExamples:\n'div'\n'span'\n'blockquote'","doc-url":"https://v2.quasar.dev/vue-components/intersection","default":"\"'div'\""},{"name":"once","value":{"kind":"expression","type":"boolean"},"description":"Get triggered only once","doc-url":"https://v2.quasar.dev/vue-components/intersection","type":"boolean"},{"name":"ssr-prerender","value":{"kind":"expression","type":"boolean"},"description":"Pre-render content on server side if using SSR (use it to pre-render above the fold content)","doc-url":"https://v2.quasar.dev/vue-components/intersection","type":"boolean"},{"name":"root","value":{"kind":"expression","type":"Element|null"},"description":"[Intersection API root prop] Lets you define an alternative to the viewport as your root (through its DOM element); It is important to keep in mind that root needs to be an ancestor of the observed element\n\nExamples:\ndocument.getElementById('myTable')\n$refs.myTable.$el","doc-url":"https://v2.quasar.dev/vue-components/intersection","default":"\"null\""},{"name":"margin","value":{"kind":"expression","type":"string"},"description":"[Intersection API rootMargin prop] Allows you to specify the margins for the root, effectively allowing you to either grow or shrink the area used for intersections\n\nExamples:\n'-20px 0px'\n'10px 20px 30px 40px'","doc-url":"https://v2.quasar.dev/vue-components/intersection"},{"name":"threshold","value":{"kind":"expression","type":"any[]|number"},"description":"[Intersection API threshold prop] Threshold(s) at which to trigger, specified as a ratio, or list of ratios, of (visible area / total area) of the observed element\n\nExamples:\n[ 0, 0.25, 0.5, 0.75, 1 ]\n1","doc-url":"https://v2.quasar.dev/vue-components/intersection"},{"name":"transition","value":{"kind":"expression","type":"string"},"description":"One of Quasar's embedded transitions\n\nExamples:\n'fade'\n'slide-down'","doc-url":"https://v2.quasar.dev/vue-components/intersection"},{"name":"transition-duration","value":{"kind":"expression","type":"string|number"},"description":"Transition duration (in milliseconds, without unit)","doc-url":"https://v2.quasar.dev/vue-components/intersection","default":"\"300\""},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Disable visibility observable (content will remain as it was, visible or hidden)","doc-url":"https://v2.quasar.dev/vue-components/intersection","type":"boolean"}],"events":[{"name":"visibility","arguments":[{"name":"isVisible","type":"boolean","description":"Visibility status (true/false)","doc-url":"https://v2.quasar.dev/vue-components/intersection"}],"description":"Fires when visibility changes","doc-url":"https://v2.quasar.dev/vue-components/intersection"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/intersection"},{"name":"hidden","description":"Slot for content to render when component is not on screen; Example: a text that the user can search for with the browser's search function","doc-url":"https://v2.quasar.dev/vue-components/intersection"}],"description":"QIntersection - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/intersection"},{"name":"QItem","source":{"module":"quasar","symbol":"QItem"},"attributes":[{"name":"to","value":{"kind":"expression","type":"string|object"},"description":"Equivalent to Vue Router 'to' property; Superseded by 'href' prop if used\n\nExamples:\n'/home/dashboard'\n{ name: 'my-route-name' }","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"exact","value":{"kind":"expression","type":"boolean"},"description":"Equivalent to Vue Router 'exact' property; Superseded by 'href' prop if used","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"replace","value":{"kind":"expression","type":"boolean"},"description":"Equivalent to Vue Router 'replace' property; Superseded by 'href' prop if used","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"active-class","value":{"kind":"expression","type":"string"},"description":"Equivalent to Vue Router 'active-class' property; Superseded by 'href' prop if used\n\nExamples:\n'my-active-class'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"'q-router-link--active'\""},{"name":"exact-active-class","value":{"kind":"expression","type":"string"},"description":"Equivalent to Vue Router 'active-class' property; Superseded by 'href' prop if used\n\nExamples:\n'my-exact-active-class'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"'q-router-link--exact-active'\""},{"name":"href","value":{"kind":"expression","type":"string"},"description":"Native link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props\n\nExamples:\n'https://quasar.dev'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"target","value":{"kind":"expression","type":"string"},"description":"Native link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props\n\nExamples:\n'_blank'\n'_self'\n'_parent'\n'_top'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"active","value":{"kind":"expression","type":"boolean|null"},"description":"Put item into 'active' state","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"null\""},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"null\""},{"name":"clickable","value":{"kind":"expression","type":"boolean"},"description":"Is QItem clickable? If it's the case, then it will add hover effects and emit 'click' events","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"inset-level","value":{"kind":"expression","type":"number"},"description":"Apply an inset; Useful when avatar/left side is missing but you want to align content with other items that do have a left side, or when you're building a menu\n\nExamples:\n1","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"tabindex","value":{"kind":"expression","type":"number|string"},"description":"Tabindex HTML attribute value\n\nExamples:\n100\n'0'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"tag","value":{"kind":"expression","type":"string"},"description":"HTML tag to render; Suggestion: use 'label' when encapsulating a QCheckbox/QRadio/QToggle so that when user clicks/taps on the whole item it will trigger a model change for the mentioned components\n\nExamples:\n'a'\n'label'\n'div'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"'div'\""},{"name":"manual-focus","value":{"kind":"expression","type":"boolean"},"description":"Put item into a manual focus state; Enables 'focused' prop which will determine if item is focused or not, rather than relying on native hover/focus states","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"focused","value":{"kind":"expression","type":"boolean"},"description":"Determines focus state, ONLY if 'manual-focus' is enabled / set to true","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"}],"events":[{"name":"click","arguments":[{"name":"evt","type":"Event","description":"JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"go","type":"Function","description":"Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"description":"Emitted when the component is clicked","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"slots":[{"name":"default","description":"This is where QItem's content goes","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"description":"QItem - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"QItemLabel","source":{"module":"quasar","symbol":"QItemLabel"},"attributes":[{"name":"overline","value":{"kind":"expression","type":"boolean"},"description":"Renders an overline label","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"caption","value":{"kind":"expression","type":"boolean"},"description":"Renders a caption label","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"header","value":{"kind":"expression","type":"boolean"},"description":"Renders a header label","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"lines","value":{"kind":"expression","type":"number|string"},"description":"Apply ellipsis when there's not enough space to render on the specified number of lines;","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"slots":[{"name":"default","description":"The content of the label; Suggestion: text","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"description":"QItemLabel - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"QItemSection","source":{"module":"quasar","symbol":"QItemSection"},"attributes":[{"name":"avatar","value":{"kind":"expression","type":"boolean"},"description":"Render an avatar item side (does not needs 'side' prop to be set)","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"thumbnail","value":{"kind":"expression","type":"boolean"},"description":"Render a thumbnail item side (does not needs 'side' prop to be set)","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"side","value":{"kind":"expression","type":"boolean"},"description":"Renders as a side of the item","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"top","value":{"kind":"expression","type":"boolean"},"description":"Align content to top (useful for multi-line items)","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"no-wrap","value":{"kind":"expression","type":"boolean"},"description":"Do not wrap text (useful for item's main content)","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"}],"slots":[{"name":"default","description":"Section's actual content","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"description":"QItemSection - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"QList","source":{"module":"quasar","symbol":"QList"},"attributes":[{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Applies a default border to the component","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"separator","value":{"kind":"expression","type":"boolean"},"description":"Applies a separator between contained items","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"null\""},{"name":"padding","value":{"kind":"expression","type":"boolean"},"description":"Applies a material design-like padding on top and bottom","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","type":"boolean"},{"name":"tag","value":{"kind":"expression","type":"string"},"description":"HTML tag to use\n\nExamples:\n'div'\n'ul'\n'ol'","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items","default":"\"'div'\""}],"slots":[{"name":"default","description":"This is where the content goes; Suggestion: QItem, QExpansionItem, ...","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"}],"description":"QList - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/list-and-list-items"},{"name":"QKnob","source":{"module":"quasar","symbol":"QKnob"},"attributes":[{"name":"name","value":{"kind":"expression","type":"string"},"description":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL\n\nExamples:\n'car_id'","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"size","value":{"kind":"expression","type":"string"},"description":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n'16px'\n'2rem'\n'xs'\n'md'","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"model-value","value":{"kind":"expression","type":"number"},"description":"Any number to indicate the given value of the knob. Either use this property (along with a listener for 'update:modelValue' event) OR use the v-model directive\n\nExamples:\n# v-model=\"myValue\"","doc-url":"https://v2.quasar.dev/vue-components/knob","required":true},{"name":"min","value":{"kind":"expression","type":"number"},"description":"The minimum value that the model (the knob value) should start at","doc-url":"https://v2.quasar.dev/vue-components/knob","default":"\"0\""},{"name":"max","value":{"kind":"expression","type":"number"},"description":"The maximum value that the model (the knob value) should go to","doc-url":"https://v2.quasar.dev/vue-components/knob","default":"\"100\""},{"name":"inner-min","value":{"kind":"expression","type":"number"},"description":"Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"inner-max","value":{"kind":"expression","type":"number"},"description":"Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"step","value":{"kind":"expression","type":"number"},"description":"A number representing steps in the value of the model, while adjusting the knob","doc-url":"https://v2.quasar.dev/vue-components/knob","default":"\"1\""},{"name":"reverse","value":{"kind":"expression","type":"boolean"},"description":"Reverses the direction of progress","doc-url":"https://v2.quasar.dev/vue-components/knob","type":"boolean"},{"name":"instant-feedback","value":{"kind":"expression","type":"boolean"},"description":"No animation when model changes","doc-url":"https://v2.quasar.dev/vue-components/knob","type":"boolean"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"center-color","value":{"kind":"expression","type":"string"},"description":"Color name for the center part of the component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"track-color","value":{"kind":"expression","type":"string"},"description":"Color name for the track of the component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"font-size","value":{"kind":"expression","type":"string"},"description":"Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size\n\nExamples:\n'1em'\n'16px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Rounding the arc of progress","doc-url":"https://v2.quasar.dev/vue-components/knob","type":"boolean"},{"name":"thickness","value":{"kind":"expression","type":"number"},"description":"Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size","doc-url":"https://v2.quasar.dev/vue-components/knob","default":"\"0.2\""},{"name":"angle","value":{"kind":"expression","type":"number"},"description":"Angle to rotate progress arc by","doc-url":"https://v2.quasar.dev/vue-components/knob","default":"\"0\""},{"name":"show-value","value":{"kind":"expression","type":"boolean"},"description":"Enables the default slot and uses it (if available), otherwise it displays the 'value' prop as text; Make sure the text has enough space to be displayed inside the component","doc-url":"https://v2.quasar.dev/vue-components/knob","type":"boolean"},{"name":"tabindex","value":{"kind":"expression","type":"number|string"},"description":"Tabindex HTML attribute value\n\nExamples:\n100\n'0'","doc-url":"https://v2.quasar.dev/vue-components/knob","default":"\"0\""},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/knob","type":"boolean"},{"name":"readonly","value":{"kind":"expression","type":"boolean"},"description":"Put component in readonly mode","doc-url":"https://v2.quasar.dev/vue-components/knob","type":"boolean"}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"number","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/knob"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"change","arguments":[{"name":"value","type":"number","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/knob"}],"description":"Fires at the end of a knob's adjustment and offers the value of the model","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"drag-value","arguments":[{"name":"value","type":"number","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/knob"}],"description":"The value of the model while dragging is still in progress","doc-url":"https://v2.quasar.dev/vue-components/knob"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/knob"}],"description":"QKnob - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/knob"},{"name":"QLayout","source":{"module":"quasar","symbol":"QLayout"},"attributes":[{"name":"view","value":{"kind":"expression","type":"string"},"description":"Defines how your layout components (header/footer/drawer) should be placed on screen; See docs examples\n\nExamples:\n'hHh lpR fFf'","doc-url":"https://v2.quasar.dev/layout/layout","default":"\"'hhh lpr fff'\""},{"name":"container","value":{"kind":"expression","type":"boolean"},"description":"Containerize the layout which means it changes the default behavior of expanding to the whole window; Useful (but not limited to) for when using on a QDialog","doc-url":"https://v2.quasar.dev/layout/layout","type":"boolean"}],"events":[{"name":"resize","arguments":[{"name":"size","type":"object","description":"New size","doc-url":"https://v2.quasar.dev/layout/layout"}],"description":"Emitted when layout size (height, width) changes","doc-url":"https://v2.quasar.dev/layout/layout"},{"name":"scroll","arguments":[{"name":"details","type":"object","description":"Scroll details","doc-url":"https://v2.quasar.dev/layout/layout"}],"description":"Emitted when user scrolls within layout","doc-url":"https://v2.quasar.dev/layout/layout"},{"name":"scroll-height","arguments":[{"name":"height","type":"number","description":"New scroll height of layout","doc-url":"https://v2.quasar.dev/layout/layout"}],"description":"Emitted when the scroll size of layout changes","doc-url":"https://v2.quasar.dev/layout/layout"}],"slots":[{"name":"default","description":"Suggestion: QHeader, QFooter, QDrawer, QPageContainer","doc-url":"https://v2.quasar.dev/layout/layout"}],"description":"QLayout - Quasar component","doc-url":"https://v2.quasar.dev/layout/layout"},{"name":"QLinearProgress","source":{"module":"quasar","symbol":"QLinearProgress"},"attributes":[{"name":"size","value":{"kind":"expression","type":"string"},"description":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n'16px'\n'2rem'\n'xs'\n'md'","doc-url":"https://v2.quasar.dev/vue-components/linear-progress"},{"name":"value","value":{"kind":"expression","type":"number"},"description":"Progress value (0.0 < x < 1.0)","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","default":"\"0\""},{"name":"buffer","value":{"kind":"expression","type":"number"},"description":"Optional buffer value (0.0 < x < 1.0)","doc-url":"https://v2.quasar.dev/vue-components/linear-progress"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/linear-progress"},{"name":"track-color","value":{"kind":"expression","type":"string"},"description":"Color name for component's track from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/linear-progress"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","default":"\"null\""},{"name":"reverse","value":{"kind":"expression","type":"boolean"},"description":"Reverse direction of progress","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","type":"boolean"},{"name":"stripe","value":{"kind":"expression","type":"boolean"},"description":"Draw stripes; For determinate state only (for performance reasons)","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","type":"boolean"},{"name":"indeterminate","value":{"kind":"expression","type":"boolean"},"description":"Put component into indeterminate mode","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","type":"boolean"},{"name":"query","value":{"kind":"expression","type":"boolean"},"description":"Put component into query mode","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a small standard border-radius for a squared shape of the component","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","type":"boolean"},{"name":"instant-feedback","value":{"kind":"expression","type":"boolean"},"description":"No transition when model changes","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","type":"boolean"},{"name":"animation-speed","value":{"kind":"expression","type":"string|number"},"description":"Animation speed (in milliseconds, without unit)\n\nExamples:\n500\n'1200'","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","default":"\"2100\""}],"slots":[{"name":"default","description":"Suggestion: QTooltip","doc-url":"https://v2.quasar.dev/vue-components/linear-progress"}],"description":"QLinearProgress - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/linear-progress","vue-model":{"prop":"value","event":"input"}},{"name":"QMarkupTable","source":{"module":"quasar","symbol":"QMarkupTable"},"attributes":[{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/markup-table","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/markup-table","default":"\"null\""},{"name":"flat","value":{"kind":"expression","type":"boolean"},"description":"Applies a 'flat' design (no default shadow)","doc-url":"https://v2.quasar.dev/vue-components/markup-table","type":"boolean"},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Applies a default border to the component","doc-url":"https://v2.quasar.dev/vue-components/markup-table","type":"boolean"},{"name":"square","value":{"kind":"expression","type":"boolean"},"description":"Removes border-radius so borders are squared","doc-url":"https://v2.quasar.dev/vue-components/markup-table","type":"boolean"},{"name":"separator","value":{"kind":"expression","type":"''horizontal''|''vertical''|''cell''|''none''"},"description":"Use a separator/border between rows, columns or all cells\n\nExamples:\n'cell'","doc-url":"https://v2.quasar.dev/vue-components/markup-table","default":"\"'horizontal'\""},{"name":"wrap-cells","value":{"kind":"expression","type":"boolean"},"description":"Wrap text within table cells","doc-url":"https://v2.quasar.dev/vue-components/markup-table","type":"boolean"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/markup-table"}],"description":"QMarkupTable - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/markup-table"},{"name":"QMenu","source":{"module":"quasar","symbol":"QMenu"},"attributes":[{"name":"transition-show","value":{"kind":"expression","type":"string"},"description":"One of Quasar's embedded transitions\n\nExamples:\n'fade'\n'slide-down'","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"'fade'\""},{"name":"transition-hide","value":{"kind":"expression","type":"string"},"description":"One of Quasar's embedded transitions\n\nExamples:\n'fade'\n'slide-down'","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"'fade'\""},{"name":"transition-duration","value":{"kind":"expression","type":"string|number"},"description":"Transition duration (in milliseconds, without unit)","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"300\""},{"name":"target","value":{"kind":"expression","type":"boolean|string|Element"},"description":"Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists)\n\nExamples:\nfalse\n.my-parent\n#target-id\n$refs.target","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"true\""},{"name":"no-parent-event","value":{"kind":"expression","type":"boolean"},"description":"Skips attaching events to the target DOM element (that trigger the element to get shown)","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"context-menu","value":{"kind":"expression","type":"boolean"},"description":"Allows the component to behave like a context menu, which opens with a right mouse click (or long tap on mobile)","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"model-value","value":{"kind":"expression","type":"boolean|null"},"description":"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\n\nExamples:\n# v-model=\"state\"","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"null\""},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"null\""},{"name":"fit","value":{"kind":"expression","type":"boolean"},"description":"Allows the menu to match at least the full width of its target","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"cover","value":{"kind":"expression","type":"boolean"},"description":"Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"anchor","value":{"kind":"expression","type":"''top left''|''top middle''|''top right''|''top start''|''top end''|''center left''|''center middle''|''center right''|''center start''|''center end''|''bottom left''|''bottom middle''|''bottom right''|''bottom start''|''bottom end''"},"description":"Two values setting the starting position or anchor point of the menu relative to its target","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"self","value":{"kind":"expression","type":"''top left''|''top middle''|''top right''|''top start''|''top end''|''center left''|''center middle''|''center right''|''center start''|''center end''|''bottom left''|''bottom middle''|''bottom right''|''bottom start''|''bottom end''"},"description":"Two values setting the menu's own position relative to its target","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"offset","value":{"kind":"expression","type":"any[]"},"description":"An array of two numbers to offset the menu horizontally and vertically in pixels\n\nExamples:\n[ 8, 8 ]\n[ 5, 10 ]","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"scroll-target","value":{"kind":"expression","type":"Element|string"},"description":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one\n\nExamples:\n.scroll-target-class\n#scroll-target-id\n$refs.scrollTarget\ndocument.body","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"touch-position","value":{"kind":"expression","type":"boolean"},"description":"Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"persistent","value":{"kind":"expression","type":"boolean"},"description":"Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"no-route-dismiss","value":{"kind":"expression","type":"boolean"},"description":"Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"auto-close","value":{"kind":"expression","type":"boolean"},"description":"Allows any click/tap in the menu to close it; Useful instead of attaching events to each menu item that should close the menu on click/tap","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"separate-close-popup","value":{"kind":"expression","type":"boolean"},"description":"Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"square","value":{"kind":"expression","type":"boolean"},"description":"Forces content to have squared borders","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"no-refocus","value":{"kind":"expression","type":"boolean"},"description":"(Accessibility) When Menu gets hidden, do not refocus on the DOM element that previously had focus","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"no-focus","value":{"kind":"expression","type":"boolean"},"description":"(Accessibility) When Menu gets shown, do not switch focus on it","doc-url":"https://v2.quasar.dev/vue-components/menu","type":"boolean"},{"name":"max-height","value":{"kind":"expression","type":"string|null"},"description":"The maximum height of the menu; Size in CSS units, including unit name\n\nExamples:\n'16px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"null\""},{"name":"max-width","value":{"kind":"expression","type":"string|null"},"description":"The maximum width of the menu; Size in CSS units, including unit name\n\nExamples:\n'16px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/menu","default":"\"null\""}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"boolean","description":"New state (showing/hidden)","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"description":"Emitted when showing/hidden state changes; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"show","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"description":"Emitted after component has triggered show()","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"before-show","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"description":"Emitted when component triggers show() but before it finishes doing it","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"hide","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"description":"Emitted after component has triggered hide()","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"before-hide","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"description":"Emitted when component triggers hide() but before it finishes doing it","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"escape-key","description":"Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent'","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/menu"}],"description":"QMenu - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/menu"},{"name":"QNoSsr","source":{"module":"quasar","symbol":"QNoSsr"},"attributes":[{"name":"tag","value":{"kind":"expression","type":"string"},"description":"HTML tag to use\n\nExamples:\n'div'\n'span'\n'blockquote'","doc-url":"https://v2.quasar.dev/vue-components/no-ssr","default":"\"'div'\""},{"name":"placeholder","value":{"kind":"expression","type":"string"},"description":"Text to display on server-side render (unless using 'placeholder' slot)\n\nExamples:\n'This is server-side only'","doc-url":"https://v2.quasar.dev/vue-components/no-ssr"}],"slots":[{"name":"default","description":"Default slot is used to render content on client-side","doc-url":"https://v2.quasar.dev/vue-components/no-ssr"},{"name":"placeholder","description":"Slot used as placeholder on server-side render, which gets replaced by the default slot on client-side; overrides 'placeholder' prop","doc-url":"https://v2.quasar.dev/vue-components/no-ssr"}],"description":"QNoSsr - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/no-ssr"},{"name":"QOptionGroup","source":{"module":"quasar","symbol":"QOptionGroup"},"attributes":[{"name":"size","value":{"kind":"expression","type":"string"},"description":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n'16px'\n'2rem'\n'xs'\n'md'","doc-url":"https://v2.quasar.dev/vue-components/option-group"},{"name":"model-value","value":{"kind":"expression","type":"any"},"description":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive\n\nExamples:\n# v-model=\"group\"","doc-url":"https://v2.quasar.dev/vue-components/option-group","required":true},{"name":"options","value":{"kind":"expression","type":"any[]"},"description":"Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly\n\nExamples:\n[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]","doc-url":"https://v2.quasar.dev/vue-components/option-group","default":"\"[]\""},{"name":"option-value","value":{"kind":"expression","type":"Function|string"},"description":"Property of option which holds the 'value'; If using a function then for best performance, reference it from your scope and do not define it inline\n\nExamples:\n'modelNumber'\nitem => (item === null ? null : item.modelNumber)","doc-url":"https://v2.quasar.dev/vue-components/option-group","default":"\"'value'\""},{"name":"option-label","value":{"kind":"expression","type":"Function|string"},"description":"Property of option which holds the 'label'; If using a function then for best performance, reference it from your scope and do not define it inline\n\nExamples:\n'itemName'\nitem => (item === null ? 'Null value' : item.itemName)","doc-url":"https://v2.quasar.dev/vue-components/option-group","default":"\"'label'\""},{"name":"option-disable","value":{"kind":"expression","type":"Function|string"},"description":"Property of option which tells it's disabled; The value of the property must be a Boolean; If using a function then for best performance, reference it from your scope and do not define it inline\n\nExamples:\nitem => (item === null ? true : item.cannotSelect)\n# option-disable=\"cannotSelect\"","doc-url":"https://v2.quasar.dev/vue-components/option-group","default":"\"'disable'\""},{"name":"name","value":{"kind":"expression","type":"string"},"description":"Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL\n\nExamples:\n'car_id'","doc-url":"https://v2.quasar.dev/vue-components/option-group"},{"name":"type","value":{"kind":"expression","type":"''radio''|''checkbox''|''toggle''"},"description":"The type of input component to be used","doc-url":"https://v2.quasar.dev/vue-components/option-group","default":"\"'radio'\""},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name for component from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/option-group"},{"name":"keep-color","value":{"kind":"expression","type":"boolean"},"description":"Should the color (if specified any) be kept when input components are unticked?","doc-url":"https://v2.quasar.dev/vue-components/option-group","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color","doc-url":"https://v2.quasar.dev/vue-components/option-group","default":"\"null\""},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/option-group","type":"boolean"},{"name":"left-label","value":{"kind":"expression","type":"boolean"},"description":"Label (if any specified) should be displayed on the left side of the input components","doc-url":"https://v2.quasar.dev/vue-components/option-group","type":"boolean"},{"name":"inline","value":{"kind":"expression","type":"boolean"},"description":"Show input components as inline-block rather than each having their own row","doc-url":"https://v2.quasar.dev/vue-components/option-group","type":"boolean"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/option-group","type":"boolean"}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"any","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/option-group"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/option-group"}],"slots":[{"name":"label","description":"Generic slot for all labels","doc-url":"https://v2.quasar.dev/vue-components/option-group"},{"name":"label-[name]","description":"Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used","doc-url":"https://v2.quasar.dev/vue-components/option-group"}],"description":"QOptionGroup - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/option-group"},{"name":"QPage","source":{"module":"quasar","symbol":"QPage"},"attributes":[{"name":"padding","value":{"kind":"expression","type":"boolean"},"description":"Applies a default responsive page padding","doc-url":"https://v2.quasar.dev/layout/page","type":"boolean"},{"name":"style-fn","value":{"kind":"expression","type":"Function"},"description":"Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline\n\nExamples:\n(offset, height) => ({ minHeight: offset + 'px' })","doc-url":"https://v2.quasar.dev/layout/page"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/layout/page"}],"description":"QPage - Quasar component","doc-url":"https://v2.quasar.dev/layout/page"},{"name":"QPageContainer","source":{"module":"quasar","symbol":"QPageContainer"},"slots":[{"name":"default","description":"Encapsulates a QPage (either directly or through )","doc-url":"https://v2.quasar.dev/layout/page"}],"description":"QPageContainer - Quasar component","doc-url":"https://v2.quasar.dev/layout/page"},{"name":"QPageScroller","source":{"module":"quasar","symbol":"QPageScroller"},"attributes":[{"name":"position","value":{"kind":"expression","type":"''top-right''|''top-left''|''bottom-right''|''bottom-left''|''top''|''right''|''bottom''|''left''"},"description":"Page side/corner to stick to","doc-url":"https://v2.quasar.dev/layout/page-scroller","default":"\"'bottom-right'\""},{"name":"offset","value":{"kind":"expression","type":"any[]"},"description":"An array of two numbers to offset the component horizontally and vertically in pixels\n\nExamples:\n[ 8, 8 ]\n[ 5, 10 ]","doc-url":"https://v2.quasar.dev/layout/page-scroller","default":"\"[ 18, 18 ]\""},{"name":"expand","value":{"kind":"expression","type":"boolean"},"description":"By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop","doc-url":"https://v2.quasar.dev/layout/page-scroller","type":"boolean"},{"name":"scroll-offset","value":{"kind":"expression","type":"number"},"description":"Scroll offset (in pixels) from which point the component is shown on page; Measured from the top of the page (or from the bottom if in 'reverse' mode)","doc-url":"https://v2.quasar.dev/layout/page-scroller","default":"\"1000\""},{"name":"reverse","value":{"kind":"expression","type":"boolean"},"description":"Work in reverse (shows when scrolling to the top of the page and scrolls to bottom when triggered)","doc-url":"https://v2.quasar.dev/layout/page-scroller","type":"boolean"},{"name":"duration","value":{"kind":"expression","type":"number"},"description":"Duration (in milliseconds) of the scrolling until it reaches its target","doc-url":"https://v2.quasar.dev/layout/page-scroller","default":"\"300\""}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/layout/page-scroller"}],"description":"QPageScroller - Quasar component","doc-url":"https://v2.quasar.dev/layout/page-scroller"},{"name":"QPageSticky","source":{"module":"quasar","symbol":"QPageSticky"},"attributes":[{"name":"position","value":{"kind":"expression","type":"''top-right''|''top-left''|''bottom-right''|''bottom-left''|''top''|''right''|''bottom''|''left''"},"description":"Page side/corner to stick to","doc-url":"https://v2.quasar.dev/layout/page-sticky","default":"\"'bottom-right'\""},{"name":"offset","value":{"kind":"expression","type":"any[]"},"description":"An array of two numbers to offset the component horizontally and vertically in pixels\n\nExamples:\n[ 8, 8 ]\n[ 5, 10 ]","doc-url":"https://v2.quasar.dev/layout/page-sticky"},{"name":"expand","value":{"kind":"expression","type":"boolean"},"description":"By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop","doc-url":"https://v2.quasar.dev/layout/page-sticky","type":"boolean"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/layout/page-sticky"}],"description":"QPageSticky - Quasar component","doc-url":"https://v2.quasar.dev/layout/page-sticky"},{"name":"QPagination","source":{"module":"quasar","symbol":"QPagination"},"attributes":[{"name":"model-value","value":{"kind":"expression","type":"number"},"description":"Current page (must be between min/max)","doc-url":"https://v2.quasar.dev/vue-components/pagination","required":true},{"name":"min","value":{"kind":"expression","type":"number|string"},"description":"Minimum page (must be lower than 'max')","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"1\""},{"name":"max","value":{"kind":"expression","type":"number|string"},"description":"Number of last page (must be higher than 'min')","doc-url":"https://v2.quasar.dev/vue-components/pagination","required":true},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"null\""},{"name":"size","value":{"kind":"expression","type":"string"},"description":"Button size in CSS units, including unit name\n\nExamples:\n'20px'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"input","value":{"kind":"expression","type":"boolean"},"description":"Use an input instead of buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"icon-prev","value":{"kind":"expression","type":"string"},"description":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)\n\nExamples:\n'map'\n'ion-add'\n'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'\n'img:path/to/some_image.png'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"icon-next","value":{"kind":"expression","type":"string"},"description":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)\n\nExamples:\n'map'\n'ion-add'\n'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'\n'img:path/to/some_image.png'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"icon-first","value":{"kind":"expression","type":"string"},"description":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)\n\nExamples:\n'map'\n'ion-add'\n'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'\n'img:path/to/some_image.png'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"icon-last","value":{"kind":"expression","type":"string"},"description":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)\n\nExamples:\n'map'\n'ion-add'\n'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'\n'img:path/to/some_image.png'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"to-fn","value":{"kind":"expression","type":"Function"},"description":"Generate link for page buttons; For best performance, reference it from your scope and do not define it inline\n\nExamples:\npage => ({ query: { page } })","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"boundary-links","value":{"kind":"expression","type":"boolean|null"},"description":"Show boundary button links","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"null\""},{"name":"boundary-numbers","value":{"kind":"expression","type":"boolean|null"},"description":"Always show first and last page buttons (if not using 'input')","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"null\""},{"name":"direction-links","value":{"kind":"expression","type":"boolean|null"},"description":"Show direction buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"null\""},{"name":"ellipses","value":{"kind":"expression","type":"boolean|null"},"description":"Show ellipses (...) when pages are available","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"null\""},{"name":"max-pages","value":{"kind":"expression","type":"number|string"},"description":"Maximum number of page links to display at a time; 0 means Infinite","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"0\""},{"name":"flat","value":{"kind":"expression","type":"boolean"},"description":"Use 'flat' design for non-active buttons (it's the default option)","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"outline","value":{"kind":"expression","type":"boolean"},"description":"Use 'outline' design for non-active buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"unelevated","value":{"kind":"expression","type":"boolean"},"description":"Remove shadow for non-active buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"push","value":{"kind":"expression","type":"boolean"},"description":"Use 'push' design for non-active buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"color","value":{"kind":"expression","type":"string"},"description":"Color name from the Quasar Color Palette for the non-active buttons\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"'primary'\""},{"name":"text-color","value":{"kind":"expression","type":"string"},"description":"Text color name from the Quasar Color Palette for the ACTIVE buttons\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"active-design","value":{"kind":"expression","type":"''flat''|''outline''|''push''|''unelevated''|''''"},"description":"The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"''\""},{"name":"active-color","value":{"kind":"expression","type":"string"},"description":"Color name from the Quasar Color Palette for the ACTIVE button\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"'primary'\""},{"name":"active-text-color","value":{"kind":"expression","type":"string"},"description":"Text color name from the Quasar Color Palette for the ACTIVE button\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"round","value":{"kind":"expression","type":"boolean"},"description":"Makes a circle shaped button for all buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a more prominent border-radius for a squared shape button for all buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"glossy","value":{"kind":"expression","type":"boolean"},"description":"Applies a glossy effect for all buttons","doc-url":"https://v2.quasar.dev/vue-components/pagination","type":"boolean"},{"name":"gutter","value":{"kind":"expression","type":"string"},"description":"Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)\n\nExamples:\n'16px'\n'10px 5px'\n'2rem'\n'xs'\n'md lg'\n'2px 2px 5px 7px'","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"'2px'\""},{"name":"padding","value":{"kind":"expression","type":"string"},"description":"Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set\n\nExamples:\n'16px'\n'10px 5px'\n'2rem'\n'xs'\n'md lg'\n'2px 2px 5px 7px'","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"'3px 2px'\""},{"name":"input-style","value":{"kind":"expression","type":"string|any[]|object"},"description":"Style definitions to be attributed to the input (if using one)\n\nExamples:\n'background-color: #ff0000'\n{ backgroundColor: '#ff0000' }","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"input-class","value":{"kind":"expression","type":"string|any[]|object"},"description":"Class definitions to be attributed to the input (if using one)\n\nExamples:\n'my-special-class'\n{ 'my-special-class': true }","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"ripple","value":{"kind":"expression","type":"boolean|object|null"},"description":"Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons\n\nExamples:\nfalse\n{ early: true, center: true, color: 'teal', keyCodes: [] }","doc-url":"https://v2.quasar.dev/vue-components/pagination","default":"\"true\""}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"number","description":"New model value","doc-url":"https://v2.quasar.dev/vue-components/pagination"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/pagination"}],"slots":[],"description":"QPagination - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/pagination"},{"name":"QParallax","source":{"module":"quasar","symbol":"QParallax"},"attributes":[{"name":"src","value":{"kind":"expression","type":"string"},"description":"Path to image (unless a 'media' slot is used)\n\nExamples:\n# (public folder) src=\"img/something.png\"\n# (assets folder) src=\"~assets/my-img.png\"\n# (relative path format) :src=\"require('./my_img.jpg')\"\n# (URL) src=\"https://some-site.net/some-img.jpg\"","doc-url":"https://v2.quasar.dev/vue-components/parallax"},{"name":"height","value":{"kind":"expression","type":"number"},"description":"Height of component (in pixels)","doc-url":"https://v2.quasar.dev/vue-components/parallax","default":"\"500\""},{"name":"speed","value":{"kind":"expression","type":"number"},"description":"Speed of parallax effect (0.0 < x < 1.0)","doc-url":"https://v2.quasar.dev/vue-components/parallax","default":"\"1\""},{"name":"scroll-target","value":{"kind":"expression","type":"Element|string"},"description":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one\n\nExamples:\n.scroll-target-class\n#scroll-target-id\n$refs.scrollTarget\ndocument.body","doc-url":"https://v2.quasar.dev/vue-components/parallax"}],"events":[{"name":"scroll","arguments":[{"name":"percentage","type":"number","description":"Number between 0.0 and 1.0 defining the scrolled percentage of the component","doc-url":"https://v2.quasar.dev/vue-components/parallax"}],"description":"Emitted when scrolling occurs","doc-url":"https://v2.quasar.dev/vue-components/parallax"}],"slots":[{"name":"default","description":"Default slot can be used for content that gets displayed on top of the component","doc-url":"https://v2.quasar.dev/vue-components/parallax"},{"name":"media","description":"Slot for describing ![]()
or