quasar/dist/web-types/web-types.json

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

{"$schema":"","framework":"vue","name":"quasar","version":"2.18.1","contributions":{"html":{"types-syntax":"typescript","tags":[{"name":"QAjaxBar","source":{"module":"quasar","symbol":"QAjaxBar"},"attributes":[{"name":"position","value":{"kind":"expression","type":"''top''|''right''|''bottom''|''left''"},"description":"Position within window of where QAjaxBar should be displayed","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar","default":"\"'top'\""},{"name":"size","value":{"kind":"expression","type":"string"},"description":"Size in CSS units, including unit name\n\nExamples:\n'16px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar","default":"\"'2px'\""},{"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/ajax-bar"},{"name":"reverse","value":{"kind":"expression","type":"boolean"},"description":"Reverse direction of progress","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar","type":"boolean"},{"name":"skip-hijack","value":{"kind":"expression","type":"boolean"},"description":"Skip Ajax hijacking (not a reactive prop)","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar","type":"boolean"},{"name":"hijack-filter","value":{"kind":"expression","type":"Function"},"description":"Filter which URL should trigger start() + stop()","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar"}],"events":[{"name":"start","description":"Emitted when bar is triggered to appear","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar"},{"name":"stop","description":"Emitted when bar has finished its job","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar"}],"slots":[],"description":"QAjaxBar - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/ajax-bar"},{"name":"QAvatar","source":{"module":"quasar","symbol":"QAvatar"},"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/avatar"},{"name":"font-size","value":{"kind":"expression","type":"string"},"description":"The size in CSS units, including unit name, of the content (icon, text)\n\nExamples:\n'18px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/avatar"},{"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/avatar"},{"name":"text-color","value":{"kind":"expression","type":"string"},"description":"Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/avatar"},{"name":"icon","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/avatar"},{"name":"square","value":{"kind":"expression","type":"boolean"},"description":"Removes border-radius so borders are squared","doc-url":"https://v2.quasar.dev/vue-components/avatar","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/avatar","type":"boolean"}],"slots":[{"name":"default","description":"Optional; Suggestions: one character string, <img> tag","doc-url":"https://v2.quasar.dev/vue-components/avatar"}],"description":"QAvatar - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/avatar"},{"name":"QBadge","source":{"module":"quasar","symbol":"QBadge"},"attributes":[{"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/badge"},{"name":"text-color","value":{"kind":"expression","type":"string"},"description":"Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/badge"},{"name":"floating","value":{"kind":"expression","type":"boolean"},"description":"Tell QBadge if it should float to the top right side of the relative positioned parent element or not","doc-url":"https://v2.quasar.dev/vue-components/badge","type":"boolean"},{"name":"transparent","value":{"kind":"expression","type":"boolean"},"description":"Applies a 0.8 opacity; Useful especially for floating QBadge","doc-url":"https://v2.quasar.dev/vue-components/badge","type":"boolean"},{"name":"multi-line","value":{"kind":"expression","type":"boolean"},"description":"Content can wrap to multiple lines","doc-url":"https://v2.quasar.dev/vue-components/badge","type":"boolean"},{"name":"label","value":{"kind":"expression","type":"string|number"},"description":"Badge's content as string; overrides default slot if specified\n\nExamples:\n'John Doe'\n22","doc-url":"https://v2.quasar.dev/vue-components/badge"},{"name":"align","value":{"kind":"expression","type":"''top''|''middle''|''bottom''"},"description":"Sets vertical-align CSS prop","doc-url":"https://v2.quasar.dev/vue-components/badge"},{"name":"outline","value":{"kind":"expression","type":"boolean"},"description":"Use 'outline' design (colored text and borders only)","doc-url":"https://v2.quasar.dev/vue-components/badge","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Makes a rounded shaped badge","doc-url":"https://v2.quasar.dev/vue-components/badge","type":"boolean"}],"slots":[{"name":"default","description":"This is where QBadge content goes, if not using 'label' property","doc-url":"https://v2.quasar.dev/vue-components/badge"}],"description":"QBadge - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/badge"},{"name":"QBanner","source":{"module":"quasar","symbol":"QBanner"},"attributes":[{"name":"inline-actions","value":{"kind":"expression","type":"boolean"},"description":"Display actions on same row as content","doc-url":"https://v2.quasar.dev/vue-components/banner","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/banner","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/banner","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/banner","default":"\"null\""}],"slots":[{"name":"default","description":"This is where Banner content goes","doc-url":"https://v2.quasar.dev/vue-components/banner"},{"name":"avatar","description":"Slot for displaying an avatar (suggestions: QIcon, QAvatar)","doc-url":"https://v2.quasar.dev/vue-components/banner"},{"name":"action","description":"Slot for Banner action (suggestions: QBtn)","doc-url":"https://v2.quasar.dev/vue-components/banner"}],"description":"QBanner - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/banner"},{"name":"QBar","source":{"module":"quasar","symbol":"QBar"},"attributes":[{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/bar","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean|null"},"description":"The component background color lights up the parent's background (as opposed to default behavior which is to darken it); Works unless you specify a CSS background color for it","doc-url":"https://v2.quasar.dev/vue-components/bar","default":"\"null\""}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/bar"}],"description":"QBar - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/bar"},{"name":"QBreadcrumbs","source":{"module":"quasar","symbol":"QBreadcrumbs"},"attributes":[{"name":"separator","value":{"kind":"expression","type":"string"},"description":"The string used to separate the breadcrumbs\n\nExamples:\n'-'\n'|'\n'>'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'/'\""},{"name":"active-color","value":{"kind":"expression","type":"string"},"description":"The color of the active breadcrumb, which can be any color from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'primary'\""},{"name":"gutter","value":{"kind":"expression","type":"''none''|''xs''|''sm''|''md''|''lg''|''xl''"},"description":"The gutter value allows you control over the space between the breadcrumb elements.","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'sm'\""},{"name":"separator-color","value":{"kind":"expression","type":"string"},"description":"The color used to color the separator, which can be any color from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"},{"name":"align","value":{"kind":"expression","type":"''left''|''center''|''right''|''between''|''around''|''evenly''"},"description":"Specify how to align the breadcrumbs horizontally","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'left'\""}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"},{"name":"separator","description":"HTML or component you can slot in to separate the breadcrumbs","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"}],"description":"QBreadcrumbs - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"},{"name":"QBreadcrumbsEl","source":{"module":"quasar","symbol":"QBreadcrumbsEl"},"attributes":[{"name":"to","value":{"kind":"expression","type":"string|object"},"description":"Equivalent to Vue Router <router-link> '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/breadcrumbs"},{"name":"exact","value":{"kind":"expression","type":"boolean"},"description":"Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","type":"boolean"},{"name":"replace","value":{"kind":"expression","type":"boolean"},"description":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","type":"boolean"},{"name":"active-class","value":{"kind":"expression","type":"string"},"description":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used\n\nExamples:\n'my-active-class'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'q-router-link--active'\""},{"name":"exact-active-class","value":{"kind":"expression","type":"string"},"description":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used\n\nExamples:\n'my-exact-active-class'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'q-router-link--exact-active'\""},{"name":"href","value":{"kind":"expression","type":"string"},"description":"Native <a> 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/breadcrumbs"},{"name":"target","value":{"kind":"expression","type":"string"},"description":"Native <a> 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/breadcrumbs"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","type":"boolean"},{"name":"label","value":{"kind":"expression","type":"string"},"description":"The label text for the breadcrumb\n\nExamples:\n'Home'\n'Index'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"},{"name":"icon","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/breadcrumbs"},{"name":"tag","value":{"kind":"expression","type":"string"},"description":"HTML tag to use\n\nExamples:\n'div'\n'span'","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs","default":"\"'span'\""}],"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/breadcrumbs"},{"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/breadcrumbs"}],"description":"Emitted when the component is clicked","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"}],"slots":[{"name":"default","description":"This is where custom content goes, unless 'icon' and 'label' props are not enough","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"}],"description":"QBreadcrumbsEl - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/breadcrumbs"},{"name":"QBtn","source":{"module":"quasar","symbol":"QBtn"},"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/button"},{"name":"type","value":{"kind":"expression","type":"string"},"description":"1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag\n\nExamples:\n'a'\n'submit'\n'button'\n'reset'\n'image/png'\n# href=\"https://quasar.dev\" target=\"_blank\"","doc-url":"https://v2.quasar.dev/vue-components/button","default":"\"'button'\""},{"name":"to","value":{"kind":"expression","type":"string|object"},"description":"Equivalent to Vue Router <router-link> '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/button"},{"name":"replace","value":{"kind":"expression","type":"boolean"},"description":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"href","value":{"kind":"expression","type":"string"},"description":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props\n\nExamples:\n'https://quasar.dev'\n# href=\"https://quasar.dev\" target=\"_blank\"","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"target","value":{"kind":"expression","type":"string"},"description":"Native <a> link target attribute; Use it only with 'to' or 'href' props\n\nExamples:\n'_blank'\n'_self'\n'_parent'\n'_top'","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"label","value":{"kind":"expression","type":"string|number"},"description":"The text that will be shown on the button\n\nExamples:\n'Button Label'","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"icon","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/button"},{"name":"icon-right","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/button"},{"name":"outline","value":{"kind":"expression","type":"boolean"},"description":"Use 'outline' design","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"flat","value":{"kind":"expression","type":"boolean"},"description":"Use 'flat' design","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"unelevated","value":{"kind":"expression","type":"boolean"},"description":"Remove shadow","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a more prominent border-radius for a squared shape button","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"push","value":{"kind":"expression","type":"boolean"},"description":"Use 'push' design","doc-url":"https://v2.quasar.dev/vue-components/button","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/button","type":"boolean"},{"name":"glossy","value":{"kind":"expression","type":"boolean"},"description":"Applies a glossy effect","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"fab","value":{"kind":"expression","type":"boolean"},"description":"Makes button size and shape to fit a Floating Action Button","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"fab-mini","value":{"kind":"expression","type":"boolean"},"description":"Makes button size and shape to fit a small Floating Action Button","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"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/button"},{"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/button"},{"name":"text-color","value":{"kind":"expression","type":"string"},"description":"Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"no-caps","value":{"kind":"expression","type":"boolean"},"description":"Avoid turning label text into caps (which happens by default)","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"no-wrap","value":{"kind":"expression","type":"boolean"},"description":"Avoid label text wrapping","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"ripple","value":{"kind":"expression","type":"boolean|object"},"description":"Configure material ripple (disable it by setting it to 'false' or supply a config object)\n\nExamples:\nfalse\n{ early: true, center: true, color: 'teal', keyCodes: [] }","doc-url":"https://v2.quasar.dev/vue-components/button","default":"\"true\""},{"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/button"},{"name":"align","value":{"kind":"expression","type":"''left''|''right''|''center''|''around''|''between''|''evenly''"},"description":"Label or content alignment","doc-url":"https://v2.quasar.dev/vue-components/button","default":"\"'center'\""},{"name":"stack","value":{"kind":"expression","type":"boolean"},"description":"Stack icon and label vertically instead of on same line (like it is by default)","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"stretch","value":{"kind":"expression","type":"boolean"},"description":"When used on flexbox parent, button will stretch to parent's height","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"loading","value":{"kind":"expression","type":"boolean|null"},"description":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","doc-url":"https://v2.quasar.dev/vue-components/button","default":"\"null\""},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"round","value":{"kind":"expression","type":"boolean"},"description":"Makes a circle shaped button","doc-url":"https://v2.quasar.dev/vue-components/button","type":"boolean"},{"name":"percentage","value":{"kind":"expression","type":"number"},"description":"Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"dark-percentage","value":{"kind":"expression","type":"boolean"},"description":"Progress bar on the background should have dark color; To be used along with 'percentage' and 'loading' props","doc-url":"https://v2.quasar.dev/vue-components/button","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/button"},{"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/button"}],"description":"Emitted when the component is clicked","doc-url":"https://v2.quasar.dev/vue-components/button"}],"slots":[{"name":"default","description":"Use for custom content, instead of relying on 'icon' and 'label' props","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"loading","description":"Override the default QSpinner when in 'loading' state","doc-url":"https://v2.quasar.dev/vue-components/button"}],"description":"QBtn - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/button"},{"name":"QBtnDropdown","source":{"module":"quasar","symbol":"QBtnDropdown"},"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/button-dropdown","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/button-dropdown","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/button-dropdown","default":"\"300\""},{"name":"model-value","value":{"kind":"expression","type":"boolean"},"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/button-dropdown","type":"boolean"},{"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/button-dropdown"},{"name":"type","value":{"kind":"expression","type":"string"},"description":"1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag\n\nExamples:\n'a'\n'submit'\n'button'\n'reset'\n'image/png'\n# href=\"https://quasar.dev\" target=\"_blank\"","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","default":"\"'button'\""},{"name":"to","value":{"kind":"expression","type":"string|object"},"description":"Equivalent to Vue Router <router-link> '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/button-dropdown"},{"name":"replace","value":{"kind":"expression","type":"boolean"},"description":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"href","value":{"kind":"expression","type":"string"},"description":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props\n\nExamples:\n'https://quasar.dev'\n# href=\"https://quasar.dev\" target=\"_blank\"","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"target","value":{"kind":"expression","type":"string"},"description":"Native <a> link target attribute; Use it only with 'to' or 'href' props\n\nExamples:\n'_blank'\n'_self'\n'_parent'\n'_top'","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"label","value":{"kind":"expression","type":"string|number"},"description":"The text that will be shown on the button\n\nExamples:\n'Button Label'","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"icon","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/button-dropdown"},{"name":"icon-right","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/button-dropdown"},{"name":"outline","value":{"kind":"expression","type":"boolean"},"description":"Use 'outline' design","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"flat","value":{"kind":"expression","type":"boolean"},"description":"Use 'flat' design","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"unelevated","value":{"kind":"expression","type":"boolean"},"description":"Remove shadow","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a more prominent border-radius for a squared shape button","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"push","value":{"kind":"expression","type":"boolean"},"description":"Use 'push' design","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","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/button-dropdown","type":"boolean"},{"name":"glossy","value":{"kind":"expression","type":"boolean"},"description":"Applies a glossy effect","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"fab","value":{"kind":"expression","type":"boolean"},"description":"Makes button size and shape to fit a Floating Action Button","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"fab-mini","value":{"kind":"expression","type":"boolean"},"description":"Makes button size and shape to fit a small Floating Action Button","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"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/button-dropdown"},{"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/button-dropdown"},{"name":"text-color","value":{"kind":"expression","type":"string"},"description":"Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"no-caps","value":{"kind":"expression","type":"boolean"},"description":"Avoid turning label text into caps (which happens by default)","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"no-wrap","value":{"kind":"expression","type":"boolean"},"description":"Avoid label text wrapping","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"ripple","value":{"kind":"expression","type":"boolean|object"},"description":"Configure material ripple (disable it by setting it to 'false' or supply a config object)\n\nExamples:\nfalse\n{ early: true, center: true, color: 'teal', keyCodes: [] }","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","default":"\"true\""},{"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/button-dropdown"},{"name":"align","value":{"kind":"expression","type":"''left''|''right''|''center''|''around''|''between''|''evenly''"},"description":"Label or content alignment","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","default":"\"'center'\""},{"name":"stack","value":{"kind":"expression","type":"boolean"},"description":"Stack icon and label vertically instead of on same line (like it is by default)","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"stretch","value":{"kind":"expression","type":"boolean"},"description":"When used on flexbox parent, button will stretch to parent's height","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"loading","value":{"kind":"expression","type":"boolean|null"},"description":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","default":"\"null\""},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"split","value":{"kind":"expression","type":"boolean"},"description":"Split dropdown icon into its own button","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"dropdown-icon","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/button-dropdown"},{"name":"disable-main-btn","value":{"kind":"expression","type":"boolean"},"description":"Disable main button (useful along with 'split' prop)","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"disable-dropdown","value":{"kind":"expression","type":"boolean"},"description":"Disables dropdown (dropdown button if using along 'split' prop)","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"no-icon-animation","value":{"kind":"expression","type":"boolean"},"description":"Disables the rotation of the dropdown icon when state is toggled","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"content-style","value":{"kind":"expression","type":"string|any[]|object"},"description":"Style definitions to be attributed to the menu\n\nExamples:\n'background-color: #ff0000'\n{ backgroundColor: '#ff0000' }","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"content-class","value":{"kind":"expression","type":"string|any[]|object"},"description":"Class definitions to be attributed to the menu\n\nExamples:\n'my-special-class'\n{ 'my-special-class': true }","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"cover","value":{"kind":"expression","type":"boolean"},"description":"Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","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/button-dropdown","type":"boolean"},{"name":"no-esc-dismiss","value":{"kind":"expression","type":"boolean"},"description":"User cannot dismiss the popup by hitting ESC key; No need to set it if 'persistent' prop is also set","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","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/button-dropdown","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/button-dropdown","type":"boolean"},{"name":"no-refocus","value":{"kind":"expression","type":"boolean"},"description":"(Accessibility) When the dropdown gets hidden, do not refocus on the DOM element that previously had focus","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"no-focus","value":{"kind":"expression","type":"boolean"},"description":"(Accessibility) When the dropdown gets shown, do not switch focus on it","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown","type":"boolean"},{"name":"menu-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/button-dropdown","default":"\"'bottom end'\""},{"name":"menu-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/button-dropdown","default":"\"'top end'\""},{"name":"menu-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/button-dropdown"},{"name":"toggle-aria-label","value":{"kind":"expression","type":"string"},"description":"aria-label to be used on the dropdown toggle element\n\nExamples:\n'Open menu'","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"boolean","description":"New state (showing/hidden)","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"Emitted when showing/hidden state changes; Is also used by v-model","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"show","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"Emitted after component has triggered show()","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"before-show","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"Emitted when component triggers show() but before it finishes doing it","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"hide","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"Emitted after component has triggered hide()","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"before-hide","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"Emitted when component triggers hide() but before it finishes doing it","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"click","arguments":[{"name":"evt","type":"Event","description":"JS event object","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"Emitted when user clicks/taps on the main button (not the icon one, if using 'split')","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"slots":[{"name":"default","description":"Default slot in the devland unslotted content of the component","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"label","description":"Customize main button's content through this slot, unless you're using the 'icon' and 'label' props","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"loading","description":"Override the default QSpinner when in 'loading' state","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"}],"description":"QBtnDropdown - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/button-dropdown"},{"name":"QBtnGroup","source":{"module":"quasar","symbol":"QBtnGroup"},"attributes":[{"name":"spread","value":{"kind":"expression","type":"boolean"},"description":"Spread horizontally to all available space","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"},{"name":"outline","value":{"kind":"expression","type":"boolean"},"description":"Use 'outline' design for buttons","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"},{"name":"flat","value":{"kind":"expression","type":"boolean"},"description":"Use 'flat' design for buttons","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"},{"name":"unelevated","value":{"kind":"expression","type":"boolean"},"description":"Remove shadow on buttons","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a more prominent border-radius for squared shape buttons","doc-url":"https://v2.quasar.dev/vue-components/button-group","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/button-group","type":"boolean"},{"name":"push","value":{"kind":"expression","type":"boolean"},"description":"Use 'push' design for buttons","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"},{"name":"stretch","value":{"kind":"expression","type":"boolean"},"description":"When used on flexbox parent, buttons will stretch to parent's height","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"},{"name":"glossy","value":{"kind":"expression","type":"boolean"},"description":"Applies a glossy effect","doc-url":"https://v2.quasar.dev/vue-components/button-group","type":"boolean"}],"slots":[{"name":"default","description":"Suggestion: QBtn","doc-url":"https://v2.quasar.dev/vue-components/button-group"}],"description":"QBtnGroup - Quasar component","doc-url":"https://v2.quasar.dev/vue-components/button-group"},{"name":"QBtnToggle","source":{"module":"quasar","symbol":"QBtnToggle"},"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/button-toggle"},{"name":"model-value","value":{"kind":"expression","type":"any"},"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=\"selected\"","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","required":true},{"name":"options","value":{"kind":"expression","type":"any[]"},"description":"Array of Objects defining each option\n\nExamples:\n[ { label: 'One', value: 'one' }, { label: 'Two', value: 'two' } ]","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","required":true},{"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/button-toggle"},{"name":"text-color","value":{"kind":"expression","type":"string"},"description":"Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/button-toggle"},{"name":"toggle-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/button-toggle","default":"\"'primary'\""},{"name":"toggle-text-color","value":{"kind":"expression","type":"string"},"description":"Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\n'primary'\n'teal'\n'teal-10'","doc-url":"https://v2.quasar.dev/vue-components/button-toggle"},{"name":"spread","value":{"kind":"expression","type":"boolean"},"description":"Spread horizontally to all available space","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"outline","value":{"kind":"expression","type":"boolean"},"description":"Use 'outline' design","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"flat","value":{"kind":"expression","type":"boolean"},"description":"Use 'flat' design","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"unelevated","value":{"kind":"expression","type":"boolean"},"description":"Remove shadow","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"rounded","value":{"kind":"expression","type":"boolean"},"description":"Applies a more prominent border-radius for a squared shape button","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"push","value":{"kind":"expression","type":"boolean"},"description":"Use 'push' design","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"glossy","value":{"kind":"expression","type":"boolean"},"description":"Applies a glossy effect","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"size","value":{"kind":"expression","type":"string"},"description":"Button size name or a CSS unit including unit name\n\nExamples:\n'xs'\n'sm'\n'md'\n'lg'\n'xl'\n'25px'\n'2rem'","doc-url":"https://v2.quasar.dev/vue-components/button-toggle"},{"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/button-toggle"},{"name":"no-caps","value":{"kind":"expression","type":"boolean"},"description":"Avoid turning label text into caps (which happens by default)","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"no-wrap","value":{"kind":"expression","type":"boolean"},"description":"Avoid label text wrapping","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"ripple","value":{"kind":"expression","type":"boolean|object"},"description":"Configure material ripple (disable it by setting it to 'false' or supply a config object)\n\nExamples:\nfalse\n{ early: true, center: true, color: 'teal', keyCodes: [] }","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","default":"\"true\""},{"name":"dense","value":{"kind":"expression","type":"boolean"},"description":"Dense mode; occupies less space","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"readonly","value":{"kind":"expression","type":"boolean"},"description":"Put component in readonly mode","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"disable","value":{"kind":"expression","type":"boolean"},"description":"Put component in disabled mode","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"stack","value":{"kind":"expression","type":"boolean"},"description":"Stack icon and label vertically instead of on same line (like it is by default)","doc-url":"https://v2.quasar.dev/vue-components/button-toggle","type":"boolean"},{"name":"stretch","value":{"kind":"expression","type":"boolean"},"desc