quasar 2.14.4 → 2.14.6

package/dist/api/QBreadcrumbs.json

@@ -1,82 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/breadcrumbs"
-  },
-  "props": {
-    "separator": {
-      "type": "String",
-      "desc": "The string used to separate the breadcrumbs",
-      "default": "/",
-      "examples": [
-        "-",
-        "|",
-        ">"
-      ],
-      "category": "content",
-      "required": false
-    },
-    "active-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "The color of the active breadcrumb, which can be any color from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style",
-      "default": "primary",
-      "required": false
-    },
-    "gutter": {
-      "type": "String",
-      "desc": "The gutter value allows you control over the space between the breadcrumb elements.",
-      "default": "sm",
-      "values": [
-        "none",
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl"
-      ],
-      "category": "content",
-      "required": false
-    },
-    "separator-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "The color used to color the separator, which can be any color from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "align": {
-      "type": "String",
-      "default": "left",
-      "desc": "Specify how to align the breadcrumbs horizontally",
-      "values": [
-        "left",
-        "center",
-        "right",
-        "between",
-        "around",
-        "evenly"
-      ],
-      "category": "content",
-      "required": false
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Default slot in the devland unslotted content of the component"
-    },
-    "separator": {
-      "desc": "HTML or component you can slot in to separate the breadcrumbs"
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/breadcrumbs"},"props":{"separator":{"type":"String","desc":"The string used to separate the breadcrumbs","default":"/","examples":["-","|",">"],"category":"content","required":false},"active-color":{"type":"String","tsType":"NamedColor","desc":"The color of the active breadcrumb, which can be any color from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","default":"primary","required":false},"gutter":{"type":"String","desc":"The gutter value allows you control over the space between the breadcrumb elements.","default":"sm","values":["none","xs","sm","md","lg","xl"],"category":"content","required":false},"separator-color":{"type":"String","tsType":"NamedColor","desc":"The color used to color the separator, which can be any color from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"align":{"type":"String","default":"left","desc":"Specify how to align the breadcrumbs horizontally","values":["left","center","right","between","around","evenly"],"category":"content","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"},"separator":{"desc":"HTML or component you can slot in to separate the breadcrumbs"}}}

package/dist/api/QBreadcrumbsEl.json

@@ -1,162 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/breadcrumbs"
-  },
-  "props": {
-    "to": {
-      "type": [
-        "String",
-        "Object"
-      ],
-      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used",
-      "examples": [
-        "/home/dashboard",
-        ":to=\"{ name: 'my-route-name' }\""
-      ],
-      "category": "navigation"
-    },
-    "exact": {
-      "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used",
-      "category": "navigation"
-    },
-    "replace": {
-      "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
-      "category": "navigation"
-    },
-    "active-class": {
-      "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used",
-      "examples": [
-        "my-active-class"
-      ],
-      "category": "navigation"
-    },
-    "exact-active-class": {
-      "type": "String",
-      "desc": "Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used",
-      "examples": [
-        "my-exact-active-class"
-      ],
-      "category": "navigation"
-    },
-    "href": {
-      "type": "String",
-      "desc": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props",
-      "examples": [
-        "https://quasar.dev"
-      ],
-      "category": "navigation",
-      "addedIn": "v2.4"
-    },
-    "target": {
-      "type": "String",
-      "desc": "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",
-      "examples": [
-        "_blank",
-        "_self",
-        "_parent",
-        "_top"
-      ],
-      "category": "navigation",
-      "addedIn": "v2.4"
-    },
-    "disable": {
-      "type": "Boolean",
-      "desc": "Put component in disabled mode",
-      "category": "state"
-    },
-    "label": {
-      "type": "String",
-      "desc": "The label text for the breadcrumb",
-      "examples": [
-        "Home",
-        "Index"
-      ],
-      "category": "content"
-    },
-    "icon": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "tag": {
-      "type": "String",
-      "desc": "HTML tag to use",
-      "examples": [
-        "div",
-        "span",
-        "div",
-        "span"
-      ],
-      "category": "content",
-      "default": "span",
-      "required": false
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "This is where custom content goes, unless 'icon' and 'label' props are not enough"
-    }
-  },
-  "events": {
-    "click": {
-      "desc": "Emitted when the component is clicked",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "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"
-        },
-        "go": {
-          "type": "Function",
-          "desc": "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",
-          "required": false,
-          "addedIn": "v2.9",
-          "params": {
-            "opts": {
-              "type": "Object",
-              "desc": "Optional options",
-              "required": false,
-              "definition": {
-                "to": {
-                  "type": [
-                    "String",
-                    "Object"
-                  ],
-                  "desc": "Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop",
-                  "required": false,
-                  "examples": [
-                    "/home/dashboard",
-                    "{ name: 'my-route-name' }"
-                  ]
-                },
-                "replace": {
-                  "type": "Boolean",
-                  "desc": "Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop",
-                  "required": false
-                },
-                "returnRouterError": {
-                  "type": "Boolean",
-                  "desc": "Return the router error, if any; Otherwise the returned Promise will always fulfill",
-                  "required": false
-                }
-              }
-            }
-          },
-          "returns": {
-            "type": "Promise<any>",
-            "desc": "Returns the router's navigation promise"
-          }
-        }
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/breadcrumbs"},"props":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used","examples":["/home/dashboard",":to=\"{ name: 'my-route-name' }\""],"category":"navigation"},"exact":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used","category":"navigation"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"active-class":{"type":"String","desc":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used","examples":["my-active-class"],"category":"navigation"},"exact-active-class":{"type":"String","desc":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used","examples":["my-exact-active-class"],"category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props","examples":["https://quasar.dev"],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"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","examples":["_blank","_self","_parent","_top"],"category":"navigation","addedIn":"v2.4"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"label":{"type":"String","desc":"The label text for the breadcrumb","examples":["Home","Index"],"category":"content"},"icon":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","span"],"category":"content","default":"span","required":false}},"slots":{"default":{"desc":"This is where custom content goes, unless 'icon' and 'label' props are not enough"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"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"},"go":{"type":"Function","desc":"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","required":false,"addedIn":"v2.9","params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["/home/dashboard","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}}}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise"}}}}}}

package/dist/api/QBtn.json

@@ -1,354 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/button"
-  },
-  "props": {
-    "size": {
-      "type": "String",
-      "desc": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)",
-      "examples": [
-        "16px",
-        "2rem",
-        "xs",
-        "md"
-      ],
-      "category": "style"
-    },
-    "type": {
-      "type": "String",
-      "desc": "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",
-      "default": "button",
-      "examples": [
-        "a",
-        "submit",
-        "button",
-        "reset",
-        "image/png",
-        "href=\"https://quasar.dev\" target=\"_blank\""
-      ],
-      "category": "general",
-      "required": false
-    },
-    "to": {
-      "type": [
-        "String",
-        "Object"
-      ],
-      "desc": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used",
-      "examples": [
-        "/home/dashboard",
-        ":to=\"{ name: 'my-route-name' }\""
-      ],
-      "category": "navigation"
-    },
-    "replace": {
-      "type": "Boolean",
-      "desc": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
-      "category": "navigation"
-    },
-    "href": {
-      "type": "String",
-      "desc": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props",
-      "examples": [
-        "https://quasar.dev",
-        "href=\"https://quasar.dev\" target=\"_blank\""
-      ],
-      "category": "navigation",
-      "addedIn": "v2.4"
-    },
-    "target": {
-      "type": "String",
-      "desc": "Native <a> link target attribute; Use it only with 'to' or 'href' props",
-      "examples": [
-        "_blank",
-        "_self",
-        "_parent",
-        "_top"
-      ],
-      "category": "navigation",
-      "addedIn": "v2.4"
-    },
-    "label": {
-      "type": [
-        "String",
-        "Number"
-      ],
-      "desc": "The text that will be shown on the button",
-      "examples": [
-        "Button Label"
-      ],
-      "category": "content"
-    },
-    "icon": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "icon-right": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "outline": {
-      "type": "Boolean",
-      "desc": "Use 'outline' design",
-      "category": "style"
-    },
-    "flat": {
-      "type": "Boolean",
-      "desc": "Use 'flat' design",
-      "category": "style"
-    },
-    "unelevated": {
-      "type": "Boolean",
-      "desc": "Remove shadow",
-      "category": "style"
-    },
-    "rounded": {
-      "type": "Boolean",
-      "desc": "Applies a more prominent border-radius for a squared shape button",
-      "category": "style"
-    },
-    "push": {
-      "type": "Boolean",
-      "desc": "Use 'push' design",
-      "category": "style"
-    },
-    "square": {
-      "type": "Boolean",
-      "desc": "Removes border-radius so borders are squared",
-      "category": "style",
-      "addedIn": "v2.7.6"
-    },
-    "glossy": {
-      "type": "Boolean",
-      "desc": "Applies a glossy effect",
-      "category": "style"
-    },
-    "fab": {
-      "type": "Boolean",
-      "desc": "Makes button size and shape to fit a Floating Action Button",
-      "category": "style"
-    },
-    "fab-mini": {
-      "type": "Boolean",
-      "desc": "Makes button size and shape to fit a small Floating Action Button",
-      "category": "style"
-    },
-    "padding": {
-      "type": "String",
-      "desc": "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",
-      "examples": [
-        "16px",
-        "10px 5px",
-        "2rem",
-        "xs",
-        "md lg",
-        "2px 2px 5px 7px"
-      ],
-      "category": "style"
-    },
-    "color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "text-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "no-caps": {
-      "type": "Boolean",
-      "desc": "Avoid turning label text into caps (which happens by default)",
-      "category": "content"
-    },
-    "no-wrap": {
-      "type": "Boolean",
-      "desc": "Avoid label text wrapping",
-      "category": "content"
-    },
-    "dense": {
-      "type": "Boolean",
-      "desc": "Dense mode; occupies less space",
-      "category": "style"
-    },
-    "ripple": {
-      "type": [
-        "Boolean",
-        "Object"
-      ],
-      "desc": "Configure material ripple (disable it by setting it to 'false' or supply a config object)",
-      "default": true,
-      "examples": [
-        false,
-        "{ early: true, center: true, color: 'teal', keyCodes: [] }"
-      ],
-      "category": "style",
-      "required": false
-    },
-    "tabindex": {
-      "type": [
-        "Number",
-        "String"
-      ],
-      "desc": "Tabindex HTML attribute value",
-      "examples": [
-        "0",
-        "100"
-      ],
-      "category": "general"
-    },
-    "align": {
-      "type": "String",
-      "desc": "Label or content alignment",
-      "default": "center",
-      "values": [
-        "left",
-        "right",
-        "center",
-        "around",
-        "between",
-        "evenly"
-      ],
-      "category": "content",
-      "required": false
-    },
-    "stack": {
-      "type": "Boolean",
-      "desc": "Stack icon and label vertically instead of on same line (like it is by default)",
-      "category": "content"
-    },
-    "stretch": {
-      "type": "Boolean",
-      "desc": "When used on flexbox parent, button will stretch to parent's height",
-      "category": "content"
-    },
-    "loading": {
-      "type": [
-        "Boolean",
-        "null"
-      ],
-      "default": null,
-      "desc": "Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)",
-      "category": "behavior|state",
-      "required": false
-    },
-    "disable": {
-      "type": "Boolean",
-      "desc": "Put component in disabled mode",
-      "category": "state"
-    },
-    "round": {
-      "type": "Boolean",
-      "desc": "Makes a circle shaped button",
-      "category": "style"
-    },
-    "percentage": {
-      "type": "Number",
-      "desc": "Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background",
-      "category": "behavior"
-    },
-    "dark-percentage": {
-      "type": "Boolean",
-      "desc": "Progress bar on the background should have dark color; To be used along with 'percentage' and 'loading' props",
-      "category": "behavior"
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Use for custom content, instead of relying on 'icon' and 'label' props"
-    },
-    "loading": {
-      "desc": "Override the default QSpinner when in 'loading' state"
-    }
-  },
-  "events": {
-    "click": {
-      "desc": "Emitted when the component is clicked",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "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"
-        },
-        "go": {
-          "type": "Function",
-          "desc": "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",
-          "required": false,
-          "addedIn": "v2.9",
-          "params": {
-            "opts": {
-              "type": "Object",
-              "desc": "Optional options",
-              "required": false,
-              "definition": {
-                "to": {
-                  "type": [
-                    "String",
-                    "Object"
-                  ],
-                  "desc": "Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop",
-                  "required": false,
-                  "examples": [
-                    "/home/dashboard",
-                    "{ name: 'my-route-name' }"
-                  ]
-                },
-                "replace": {
-                  "type": "Boolean",
-                  "desc": "Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop",
-                  "required": false
-                },
-                "returnRouterError": {
-                  "type": "Boolean",
-                  "desc": "Return the router error, if any; Otherwise the returned Promise will always fulfill",
-                  "required": false
-                }
-              }
-            }
-          },
-          "returns": {
-            "type": "Promise<any>",
-            "desc": "Returns the router's navigation promise"
-          }
-        }
-      }
-    }
-  },
-  "methods": {
-    "click": {
-      "desc": "Emulate click on QBtn",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "JS event object"
-        }
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button"},"props":{"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"type":{"type":"String","desc":"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","default":"button","examples":["a","submit","button","reset","image/png","href=\"https://quasar.dev\" target=\"_blank\""],"category":"general","required":false},"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used","examples":["/home/dashboard",":to=\"{ name: 'my-route-name' }\""],"category":"navigation"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props","examples":["https://quasar.dev","href=\"https://quasar.dev\" target=\"_blank\""],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"Native <a> link target attribute; Use it only with 'to' or 'href' props","examples":["_blank","_self","_parent","_top"],"category":"navigation","addedIn":"v2.4"},"label":{"type":["String","Number"],"desc":"The text that will be shown on the button","examples":["Button Label"],"category":"content"},"icon":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-right":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style","addedIn":"v2.7.6"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"fab":{"type":"Boolean","desc":"Makes button size and shape to fit a Floating Action Button","category":"style"},"fab-mini":{"type":"Boolean","desc":"Makes button size and shape to fit a small Floating Action Button","category":"style"},"padding":{"type":"String","desc":"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","examples":["16px","10px 5px","2rem","xs","md lg","2px 2px 5px 7px"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"align":{"type":"String","desc":"Label or content alignment","default":"center","values":["left","right","center","around","between","evenly"],"category":"content","required":false},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"loading":{"type":["Boolean","null"],"default":null,"desc":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","category":"behavior|state","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"round":{"type":"Boolean","desc":"Makes a circle shaped button","category":"style"},"percentage":{"type":"Number","desc":"Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background","category":"behavior"},"dark-percentage":{"type":"Boolean","desc":"Progress bar on the background should have dark color; To be used along with 'percentage' and 'loading' props","category":"behavior"}},"slots":{"default":{"desc":"Use for custom content, instead of relying on 'icon' and 'label' props"},"loading":{"desc":"Override the default QSpinner when in 'loading' state"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"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"},"go":{"type":"Function","desc":"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","required":false,"addedIn":"v2.9","params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["/home/dashboard","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}}}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise"}}}}},"methods":{"click":{"desc":"Emulate click on QBtn","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}