quasar 2.10.2 → 2.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api/QFile.json +2 -0
- package/dist/api/QInput.json +2 -0
- package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
- package/dist/icon-set/eva-icons.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
- package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
- package/dist/icon-set/line-awesome.umd.prod.js +1 -1
- package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
- package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
- package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
- package/dist/icon-set/material-icons.umd.prod.js +1 -1
- package/dist/icon-set/material-symbols-outlined.umd.prod.js +1 -1
- package/dist/icon-set/material-symbols-rounded.umd.prod.js +1 -1
- package/dist/icon-set/material-symbols-sharp.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v7.umd.prod.js +1 -1
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
- package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
- package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
- package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
- package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +1 -1
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
- package/dist/icon-set/svg-mdi-v7.umd.prod.js +1 -1
- package/dist/icon-set/svg-themify.umd.prod.js +1 -1
- package/dist/icon-set/themify.umd.prod.js +1 -1
- package/dist/lang/ar-TN.umd.prod.js +1 -1
- package/dist/lang/ar.umd.prod.js +1 -1
- package/dist/lang/az-Latn.umd.prod.js +1 -1
- package/dist/lang/bg.umd.prod.js +1 -1
- package/dist/lang/bn.umd.prod.js +1 -1
- package/dist/lang/ca.umd.prod.js +1 -1
- package/dist/lang/cs.umd.prod.js +1 -1
- package/dist/lang/da.umd.prod.js +1 -1
- package/dist/lang/de.umd.prod.js +1 -1
- package/dist/lang/el.umd.prod.js +1 -1
- package/dist/lang/en-GB.umd.prod.js +1 -1
- package/dist/lang/en-US.umd.prod.js +1 -1
- package/dist/lang/eo.umd.prod.js +1 -1
- package/dist/lang/es.umd.prod.js +1 -1
- package/dist/lang/et.umd.prod.js +1 -1
- package/dist/lang/eu.umd.prod.js +1 -1
- package/dist/lang/fa-IR.umd.prod.js +1 -1
- package/dist/lang/fa.umd.prod.js +1 -1
- package/dist/lang/fi.umd.prod.js +1 -1
- package/dist/lang/fr.umd.prod.js +1 -1
- package/dist/lang/gn.umd.prod.js +1 -1
- package/dist/lang/he.umd.prod.js +1 -1
- package/dist/lang/hr.umd.prod.js +1 -1
- package/dist/lang/hu.umd.prod.js +1 -1
- package/dist/lang/id.umd.prod.js +1 -1
- package/dist/lang/is.umd.prod.js +1 -1
- package/dist/lang/it.umd.prod.js +1 -1
- package/dist/lang/ja.umd.prod.js +1 -1
- package/dist/lang/{kz.umd.prod.js → kk.umd.prod.js} +2 -2
- package/dist/lang/km.umd.prod.js +1 -1
- package/dist/lang/ko-KR.umd.prod.js +1 -1
- package/dist/lang/kur-CKB.umd.prod.js +1 -1
- package/dist/lang/lt.umd.prod.js +1 -1
- package/dist/lang/lu.umd.prod.js +1 -1
- package/dist/lang/lv.umd.prod.js +1 -1
- package/dist/lang/ml.umd.prod.js +1 -1
- package/dist/lang/mm.umd.prod.js +1 -1
- package/dist/lang/ms.umd.prod.js +1 -1
- package/dist/lang/my.umd.prod.js +1 -1
- package/dist/lang/nb-NO.umd.prod.js +1 -1
- package/dist/lang/nl.umd.prod.js +1 -1
- package/dist/lang/pl.umd.prod.js +1 -1
- package/dist/lang/pt-BR.umd.prod.js +1 -1
- package/dist/lang/pt.umd.prod.js +1 -1
- package/dist/lang/ro.umd.prod.js +1 -1
- package/dist/lang/ru.umd.prod.js +1 -1
- package/dist/lang/sk.umd.prod.js +1 -1
- package/dist/lang/sl.umd.prod.js +1 -1
- package/dist/lang/sm.umd.prod.js +1 -1
- package/dist/lang/sr-CYR.umd.prod.js +1 -1
- package/dist/lang/sr.umd.prod.js +1 -1
- package/dist/lang/sv.umd.prod.js +1 -1
- package/dist/lang/ta.umd.prod.js +1 -1
- package/dist/lang/th.umd.prod.js +1 -1
- package/dist/lang/tr.umd.prod.js +1 -1
- package/dist/lang/ug.umd.prod.js +1 -1
- package/dist/lang/uk.umd.prod.js +1 -1
- package/dist/lang/uz-Cyrl.umd.prod.js +1 -1
- package/dist/lang/uz-Latn.umd.prod.js +1 -1
- package/dist/lang/vi.umd.prod.js +1 -1
- package/dist/lang/zh-CN.umd.prod.js +1 -1
- package/dist/lang/zh-TW.umd.prod.js +1 -1
- package/dist/quasar.cjs.prod.js +2 -2
- package/dist/quasar.css +202 -12
- package/dist/quasar.esm.js +14 -9
- package/dist/quasar.esm.prod.js +2 -2
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.css +258 -12
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +114 -15
- package/dist/quasar.umd.js +14 -9
- package/dist/quasar.umd.prod.js +2 -2
- package/dist/transforms/api-list.json +3 -3
- package/dist/transforms/auto-import.json +9 -53
- package/dist/transforms/import-map.json +4 -26
- package/dist/types/api/qfile.d.ts +5 -0
- package/dist/types/api/qinput.d.ts +27 -0
- package/dist/types/api.d.ts +1 -0
- package/dist/types/index.d.ts +245 -243
- package/dist/vetur/quasar-attributes.json +144 -144
- package/dist/vetur/quasar-tags.json +50 -50
- package/dist/web-types/web-types.json +634 -634
- package/lang/index.json +4 -4
- package/lang/{kz.js → kk.js} +2 -2
- package/lang/{kz.mjs → kk.mjs} +1 -1
- package/package.json +1 -1
- package/src/components/btn/QBtn.sass +0 -1
- package/src/components/card/QCard.sass +2 -1
- package/src/components/chip/QChip.sass +6 -2
- package/src/components/color/QColor.sass +1 -0
- package/src/components/date/QDate.sass +1 -0
- package/src/components/dialog/QDialog.js +3 -1
- package/src/components/dialog/QDialog.sass +0 -1
- package/src/components/file/QFile.json +2 -0
- package/src/components/input/QInput.js +1 -1
- package/src/components/input/QInput.json +2 -0
- package/src/components/knob/QKnob.sass +4 -1
- package/src/components/layout/QLayout.sass +2 -0
- package/src/components/linear-progress/QLinearProgress.js +5 -2
- package/src/components/linear-progress/QLinearProgress.sass +3 -1
- package/src/components/menu/QMenu.sass +3 -0
- package/src/components/stepper/QStepper.js +2 -2
- package/src/components/stepper/QStepper.sass +5 -0
- package/src/components/table/QTable.sass +11 -1
- package/src/components/time/QTime.sass +1 -0
- package/src/components/toggle/QToggle.sass +5 -3
- package/src/components/uploader/QUploader.sass +1 -0
- package/src/css/core/elevation.sass +17 -4
- package/src/css/core/visibility.sass +3 -1
- package/src/css/variables.sass +69 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "quasar",
|
|
5
|
-
"version": "2.
|
|
5
|
+
"version": "2.11.1",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"types-syntax": "typescript",
|
|
@@ -597,52 +597,12 @@
|
|
|
597
597
|
"doc-url": "https://v2.quasar.dev/vue-components/breadcrumbs"
|
|
598
598
|
},
|
|
599
599
|
{
|
|
600
|
-
"name": "
|
|
600
|
+
"name": "QBtn",
|
|
601
601
|
"source": {
|
|
602
602
|
"module": "quasar",
|
|
603
|
-
"symbol": "
|
|
603
|
+
"symbol": "QBtn"
|
|
604
604
|
},
|
|
605
605
|
"attributes": [
|
|
606
|
-
{
|
|
607
|
-
"name": "transition-show",
|
|
608
|
-
"value": {
|
|
609
|
-
"kind": "expression",
|
|
610
|
-
"type": "string"
|
|
611
|
-
},
|
|
612
|
-
"description": "One of Quasar's embedded transitions\n\nExamples:\nfade\nslide-down",
|
|
613
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
614
|
-
"default": "\"fade\""
|
|
615
|
-
},
|
|
616
|
-
{
|
|
617
|
-
"name": "transition-hide",
|
|
618
|
-
"value": {
|
|
619
|
-
"kind": "expression",
|
|
620
|
-
"type": "string"
|
|
621
|
-
},
|
|
622
|
-
"description": "One of Quasar's embedded transitions\n\nExamples:\nfade\nslide-down",
|
|
623
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
624
|
-
"default": "\"fade\""
|
|
625
|
-
},
|
|
626
|
-
{
|
|
627
|
-
"name": "transition-duration",
|
|
628
|
-
"value": {
|
|
629
|
-
"kind": "expression",
|
|
630
|
-
"type": "string|number"
|
|
631
|
-
},
|
|
632
|
-
"description": "Transition duration (in milliseconds, without unit)",
|
|
633
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
634
|
-
"default": "300"
|
|
635
|
-
},
|
|
636
|
-
{
|
|
637
|
-
"name": "model-value",
|
|
638
|
-
"value": {
|
|
639
|
-
"kind": "expression",
|
|
640
|
-
"type": "boolean"
|
|
641
|
-
},
|
|
642
|
-
"description": "Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"menuState\"",
|
|
643
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
644
|
-
"type": "boolean"
|
|
645
|
-
},
|
|
646
606
|
{
|
|
647
607
|
"name": "size",
|
|
648
608
|
"value": {
|
|
@@ -650,7 +610,7 @@
|
|
|
650
610
|
"type": "string"
|
|
651
611
|
},
|
|
652
612
|
"description": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n16px\n2rem\nxs\nmd",
|
|
653
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
613
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
654
614
|
},
|
|
655
615
|
{
|
|
656
616
|
"name": "type",
|
|
@@ -659,7 +619,7 @@
|
|
|
659
619
|
"type": "string"
|
|
660
620
|
},
|
|
661
621
|
"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:\na\nsubmit\nbutton\nreset\nimage/png\nhref=\"https://quasar.dev\" target=\"_blank\"",
|
|
662
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
622
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
663
623
|
"default": "\"button\""
|
|
664
624
|
},
|
|
665
625
|
{
|
|
@@ -669,7 +629,7 @@
|
|
|
669
629
|
"type": "string|object"
|
|
670
630
|
},
|
|
671
631
|
"description": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used\n\nExamples:\n/home/dashboard\n:to=\"{ name: 'my-route-name' }\"",
|
|
672
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
632
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
673
633
|
},
|
|
674
634
|
{
|
|
675
635
|
"name": "replace",
|
|
@@ -678,7 +638,7 @@
|
|
|
678
638
|
"type": "boolean"
|
|
679
639
|
},
|
|
680
640
|
"description": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
|
|
681
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
641
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
682
642
|
"type": "boolean"
|
|
683
643
|
},
|
|
684
644
|
{
|
|
@@ -688,7 +648,7 @@
|
|
|
688
648
|
"type": "string"
|
|
689
649
|
},
|
|
690
650
|
"description": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props\n\nExamples:\nhttps://quasar.dev\nhref=\"https://quasar.dev\" target=\"_blank\"",
|
|
691
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
651
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
692
652
|
},
|
|
693
653
|
{
|
|
694
654
|
"name": "target",
|
|
@@ -697,7 +657,7 @@
|
|
|
697
657
|
"type": "string"
|
|
698
658
|
},
|
|
699
659
|
"description": "Native <a> link target attribute; Use it only with 'to' or 'href' props\n\nExamples:\n_blank\n_self\n_parent\n_top",
|
|
700
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
660
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
701
661
|
},
|
|
702
662
|
{
|
|
703
663
|
"name": "label",
|
|
@@ -706,7 +666,7 @@
|
|
|
706
666
|
"type": "string|number"
|
|
707
667
|
},
|
|
708
668
|
"description": "The text that will be shown on the button\n\nExamples:\nButton Label",
|
|
709
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
669
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
710
670
|
},
|
|
711
671
|
{
|
|
712
672
|
"name": "icon",
|
|
@@ -715,7 +675,7 @@
|
|
|
715
675
|
"type": "string"
|
|
716
676
|
},
|
|
717
677
|
"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:\nmap\nion-add\nimg:https://cdn.quasar.dev/logo-v2/svg/logo.svg\nimg:path/to/some_image.png",
|
|
718
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
678
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
719
679
|
},
|
|
720
680
|
{
|
|
721
681
|
"name": "icon-right",
|
|
@@ -724,7 +684,7 @@
|
|
|
724
684
|
"type": "string"
|
|
725
685
|
},
|
|
726
686
|
"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:\nmap\nion-add\nimg:https://cdn.quasar.dev/logo-v2/svg/logo.svg\nimg:path/to/some_image.png",
|
|
727
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
687
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
728
688
|
},
|
|
729
689
|
{
|
|
730
690
|
"name": "outline",
|
|
@@ -733,7 +693,7 @@
|
|
|
733
693
|
"type": "boolean"
|
|
734
694
|
},
|
|
735
695
|
"description": "Use 'outline' design",
|
|
736
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
696
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
737
697
|
"type": "boolean"
|
|
738
698
|
},
|
|
739
699
|
{
|
|
@@ -743,7 +703,7 @@
|
|
|
743
703
|
"type": "boolean"
|
|
744
704
|
},
|
|
745
705
|
"description": "Use 'flat' design",
|
|
746
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
706
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
747
707
|
"type": "boolean"
|
|
748
708
|
},
|
|
749
709
|
{
|
|
@@ -753,7 +713,7 @@
|
|
|
753
713
|
"type": "boolean"
|
|
754
714
|
},
|
|
755
715
|
"description": "Remove shadow",
|
|
756
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
716
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
757
717
|
"type": "boolean"
|
|
758
718
|
},
|
|
759
719
|
{
|
|
@@ -763,7 +723,7 @@
|
|
|
763
723
|
"type": "boolean"
|
|
764
724
|
},
|
|
765
725
|
"description": "Applies a more prominent border-radius for a squared shape button",
|
|
766
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
726
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
767
727
|
"type": "boolean"
|
|
768
728
|
},
|
|
769
729
|
{
|
|
@@ -773,7 +733,7 @@
|
|
|
773
733
|
"type": "boolean"
|
|
774
734
|
},
|
|
775
735
|
"description": "Use 'push' design",
|
|
776
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
736
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
777
737
|
"type": "boolean"
|
|
778
738
|
},
|
|
779
739
|
{
|
|
@@ -783,7 +743,7 @@
|
|
|
783
743
|
"type": "boolean"
|
|
784
744
|
},
|
|
785
745
|
"description": "Removes border-radius so borders are squared",
|
|
786
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
746
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
787
747
|
"type": "boolean"
|
|
788
748
|
},
|
|
789
749
|
{
|
|
@@ -793,7 +753,7 @@
|
|
|
793
753
|
"type": "boolean"
|
|
794
754
|
},
|
|
795
755
|
"description": "Applies a glossy effect",
|
|
796
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
756
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
797
757
|
"type": "boolean"
|
|
798
758
|
},
|
|
799
759
|
{
|
|
@@ -803,7 +763,7 @@
|
|
|
803
763
|
"type": "boolean"
|
|
804
764
|
},
|
|
805
765
|
"description": "Makes button size and shape to fit a Floating Action Button",
|
|
806
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
766
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
807
767
|
"type": "boolean"
|
|
808
768
|
},
|
|
809
769
|
{
|
|
@@ -813,7 +773,7 @@
|
|
|
813
773
|
"type": "boolean"
|
|
814
774
|
},
|
|
815
775
|
"description": "Makes button size and shape to fit a small Floating Action Button",
|
|
816
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
776
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
817
777
|
"type": "boolean"
|
|
818
778
|
},
|
|
819
779
|
{
|
|
@@ -823,7 +783,7 @@
|
|
|
823
783
|
"type": "string"
|
|
824
784
|
},
|
|
825
785
|
"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:\n16px\n10px 5px\n2rem\nxs\nmd lg\n2px 2px 5px 7px",
|
|
826
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
786
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
827
787
|
},
|
|
828
788
|
{
|
|
829
789
|
"name": "color",
|
|
@@ -832,7 +792,7 @@
|
|
|
832
792
|
"type": "string"
|
|
833
793
|
},
|
|
834
794
|
"description": "Color name for component from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
835
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
795
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
836
796
|
},
|
|
837
797
|
{
|
|
838
798
|
"name": "text-color",
|
|
@@ -841,7 +801,7 @@
|
|
|
841
801
|
"type": "string"
|
|
842
802
|
},
|
|
843
803
|
"description": "Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
844
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
804
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
845
805
|
},
|
|
846
806
|
{
|
|
847
807
|
"name": "no-caps",
|
|
@@ -850,7 +810,7 @@
|
|
|
850
810
|
"type": "boolean"
|
|
851
811
|
},
|
|
852
812
|
"description": "Avoid turning label text into caps (which happens by default)",
|
|
853
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
813
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
854
814
|
"type": "boolean"
|
|
855
815
|
},
|
|
856
816
|
{
|
|
@@ -860,7 +820,7 @@
|
|
|
860
820
|
"type": "boolean"
|
|
861
821
|
},
|
|
862
822
|
"description": "Avoid label text wrapping",
|
|
863
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
823
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
864
824
|
"type": "boolean"
|
|
865
825
|
},
|
|
866
826
|
{
|
|
@@ -870,7 +830,7 @@
|
|
|
870
830
|
"type": "boolean"
|
|
871
831
|
},
|
|
872
832
|
"description": "Dense mode; occupies less space",
|
|
873
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
833
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
874
834
|
"type": "boolean"
|
|
875
835
|
},
|
|
876
836
|
{
|
|
@@ -880,7 +840,7 @@
|
|
|
880
840
|
"type": "boolean|object"
|
|
881
841
|
},
|
|
882
842
|
"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: [] }",
|
|
883
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
843
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
884
844
|
"default": "true"
|
|
885
845
|
},
|
|
886
846
|
{
|
|
@@ -890,7 +850,7 @@
|
|
|
890
850
|
"type": "number|string"
|
|
891
851
|
},
|
|
892
852
|
"description": "Tabindex HTML attribute value\n\nExamples:\n0\n100",
|
|
893
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
853
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
894
854
|
},
|
|
895
855
|
{
|
|
896
856
|
"name": "align",
|
|
@@ -899,7 +859,7 @@
|
|
|
899
859
|
"type": "'left'|'right'|'center'|'around'|'between'|'evenly'"
|
|
900
860
|
},
|
|
901
861
|
"description": "Label or content alignment",
|
|
902
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
862
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
903
863
|
"default": "\"center\""
|
|
904
864
|
},
|
|
905
865
|
{
|
|
@@ -909,7 +869,7 @@
|
|
|
909
869
|
"type": "boolean"
|
|
910
870
|
},
|
|
911
871
|
"description": "Stack icon and label vertically instead of on same line (like it is by default)",
|
|
912
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
872
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
913
873
|
"type": "boolean"
|
|
914
874
|
},
|
|
915
875
|
{
|
|
@@ -919,7 +879,7 @@
|
|
|
919
879
|
"type": "boolean"
|
|
920
880
|
},
|
|
921
881
|
"description": "When used on flexbox parent, button will stretch to parent's height",
|
|
922
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
882
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
923
883
|
"type": "boolean"
|
|
924
884
|
},
|
|
925
885
|
{
|
|
@@ -929,7 +889,7 @@
|
|
|
929
889
|
"type": "boolean"
|
|
930
890
|
},
|
|
931
891
|
"description": "Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)",
|
|
932
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
892
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
933
893
|
"type": "boolean"
|
|
934
894
|
},
|
|
935
895
|
{
|
|
@@ -939,330 +899,389 @@
|
|
|
939
899
|
"type": "boolean"
|
|
940
900
|
},
|
|
941
901
|
"description": "Put component in disabled mode",
|
|
942
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
902
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
943
903
|
"type": "boolean"
|
|
944
904
|
},
|
|
945
905
|
{
|
|
946
|
-
"name": "
|
|
906
|
+
"name": "round",
|
|
947
907
|
"value": {
|
|
948
908
|
"kind": "expression",
|
|
949
909
|
"type": "boolean"
|
|
950
910
|
},
|
|
951
|
-
"description": "
|
|
952
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
911
|
+
"description": "Makes a circle shaped button",
|
|
912
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
953
913
|
"type": "boolean"
|
|
954
914
|
},
|
|
955
915
|
{
|
|
956
|
-
"name": "
|
|
916
|
+
"name": "percentage",
|
|
957
917
|
"value": {
|
|
958
918
|
"kind": "expression",
|
|
959
|
-
"type": "
|
|
919
|
+
"type": "number"
|
|
960
920
|
},
|
|
961
|
-
"description": "
|
|
962
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
921
|
+
"description": "Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background",
|
|
922
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
963
923
|
},
|
|
964
924
|
{
|
|
965
|
-
"name": "
|
|
925
|
+
"name": "dark-percentage",
|
|
966
926
|
"value": {
|
|
967
927
|
"kind": "expression",
|
|
968
928
|
"type": "boolean"
|
|
969
929
|
},
|
|
970
|
-
"description": "
|
|
971
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button
|
|
930
|
+
"description": "Progress bar on the background should have dark color; To be used along with 'percentage' and 'loading' props",
|
|
931
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
972
932
|
"type": "boolean"
|
|
933
|
+
}
|
|
934
|
+
],
|
|
935
|
+
"events": [
|
|
936
|
+
{
|
|
937
|
+
"name": "click",
|
|
938
|
+
"arguments": [
|
|
939
|
+
{
|
|
940
|
+
"name": "evt",
|
|
941
|
+
"type": "Event",
|
|
942
|
+
"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",
|
|
943
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
944
|
+
},
|
|
945
|
+
{
|
|
946
|
+
"name": "go",
|
|
947
|
+
"type": "Function",
|
|
948
|
+
"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",
|
|
949
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
950
|
+
}
|
|
951
|
+
],
|
|
952
|
+
"description": "Emitted when the component is clicked",
|
|
953
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
954
|
+
}
|
|
955
|
+
],
|
|
956
|
+
"slots": [
|
|
957
|
+
{
|
|
958
|
+
"name": "default",
|
|
959
|
+
"description": "Use for custom content, instead of relying on 'icon' and 'label' props",
|
|
960
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
973
961
|
},
|
|
974
962
|
{
|
|
975
|
-
"name": "
|
|
963
|
+
"name": "loading",
|
|
964
|
+
"description": "Override the default QSpinner when in 'loading' state",
|
|
965
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
966
|
+
}
|
|
967
|
+
],
|
|
968
|
+
"description": "QBtn - Quasar component",
|
|
969
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
970
|
+
},
|
|
971
|
+
{
|
|
972
|
+
"name": "QBtnDropdown",
|
|
973
|
+
"source": {
|
|
974
|
+
"module": "quasar",
|
|
975
|
+
"symbol": "QBtnDropdown"
|
|
976
|
+
},
|
|
977
|
+
"attributes": [
|
|
978
|
+
{
|
|
979
|
+
"name": "transition-show",
|
|
976
980
|
"value": {
|
|
977
981
|
"kind": "expression",
|
|
978
|
-
"type": "
|
|
982
|
+
"type": "string"
|
|
979
983
|
},
|
|
980
|
-
"description": "
|
|
984
|
+
"description": "One of Quasar's embedded transitions\n\nExamples:\nfade\nslide-down",
|
|
981
985
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
982
|
-
"
|
|
986
|
+
"default": "\"fade\""
|
|
983
987
|
},
|
|
984
988
|
{
|
|
985
|
-
"name": "
|
|
989
|
+
"name": "transition-hide",
|
|
986
990
|
"value": {
|
|
987
991
|
"kind": "expression",
|
|
988
|
-
"type": "
|
|
992
|
+
"type": "string"
|
|
989
993
|
},
|
|
990
|
-
"description": "
|
|
994
|
+
"description": "One of Quasar's embedded transitions\n\nExamples:\nfade\nslide-down",
|
|
991
995
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
992
|
-
"
|
|
996
|
+
"default": "\"fade\""
|
|
993
997
|
},
|
|
994
998
|
{
|
|
995
|
-
"name": "
|
|
999
|
+
"name": "transition-duration",
|
|
996
1000
|
"value": {
|
|
997
1001
|
"kind": "expression",
|
|
998
|
-
"type": "string|
|
|
1002
|
+
"type": "string|number"
|
|
999
1003
|
},
|
|
1000
|
-
"description": "
|
|
1001
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1004
|
+
"description": "Transition duration (in milliseconds, without unit)",
|
|
1005
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1006
|
+
"default": "300"
|
|
1002
1007
|
},
|
|
1003
1008
|
{
|
|
1004
|
-
"name": "
|
|
1009
|
+
"name": "model-value",
|
|
1005
1010
|
"value": {
|
|
1006
1011
|
"kind": "expression",
|
|
1007
|
-
"type": "
|
|
1012
|
+
"type": "boolean"
|
|
1008
1013
|
},
|
|
1009
|
-
"description": "
|
|
1010
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1014
|
+
"description": "Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"menuState\"",
|
|
1015
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1016
|
+
"type": "boolean"
|
|
1011
1017
|
},
|
|
1012
1018
|
{
|
|
1013
|
-
"name": "
|
|
1019
|
+
"name": "size",
|
|
1014
1020
|
"value": {
|
|
1015
1021
|
"kind": "expression",
|
|
1016
|
-
"type": "
|
|
1022
|
+
"type": "string"
|
|
1017
1023
|
},
|
|
1018
|
-
"description": "
|
|
1019
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1020
|
-
"type": "boolean"
|
|
1024
|
+
"description": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n16px\n2rem\nxs\nmd",
|
|
1025
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1021
1026
|
},
|
|
1022
1027
|
{
|
|
1023
|
-
"name": "
|
|
1028
|
+
"name": "type",
|
|
1024
1029
|
"value": {
|
|
1025
1030
|
"kind": "expression",
|
|
1026
|
-
"type": "
|
|
1031
|
+
"type": "string"
|
|
1027
1032
|
},
|
|
1028
|
-
"description": "
|
|
1033
|
+
"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:\na\nsubmit\nbutton\nreset\nimage/png\nhref=\"https://quasar.dev\" target=\"_blank\"",
|
|
1029
1034
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1030
|
-
"
|
|
1035
|
+
"default": "\"button\""
|
|
1031
1036
|
},
|
|
1032
1037
|
{
|
|
1033
|
-
"name": "
|
|
1038
|
+
"name": "to",
|
|
1034
1039
|
"value": {
|
|
1035
1040
|
"kind": "expression",
|
|
1036
|
-
"type": "
|
|
1041
|
+
"type": "string|object"
|
|
1037
1042
|
},
|
|
1038
|
-
"description": "
|
|
1039
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1040
|
-
"type": "boolean"
|
|
1043
|
+
"description": "Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used\n\nExamples:\n/home/dashboard\n:to=\"{ name: 'my-route-name' }\"",
|
|
1044
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1041
1045
|
},
|
|
1042
1046
|
{
|
|
1043
|
-
"name": "
|
|
1047
|
+
"name": "replace",
|
|
1044
1048
|
"value": {
|
|
1045
1049
|
"kind": "expression",
|
|
1046
1050
|
"type": "boolean"
|
|
1047
1051
|
},
|
|
1048
|
-
"description": "
|
|
1052
|
+
"description": "Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used",
|
|
1049
1053
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1050
1054
|
"type": "boolean"
|
|
1051
1055
|
},
|
|
1052
1056
|
{
|
|
1053
|
-
"name": "
|
|
1057
|
+
"name": "href",
|
|
1054
1058
|
"value": {
|
|
1055
1059
|
"kind": "expression",
|
|
1056
|
-
"type": "
|
|
1060
|
+
"type": "string"
|
|
1057
1061
|
},
|
|
1058
|
-
"description": "
|
|
1059
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1060
|
-
"default": "\"bottom end\""
|
|
1062
|
+
"description": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props\n\nExamples:\nhttps://quasar.dev\nhref=\"https://quasar.dev\" target=\"_blank\"",
|
|
1063
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1061
1064
|
},
|
|
1062
1065
|
{
|
|
1063
|
-
"name": "
|
|
1066
|
+
"name": "target",
|
|
1064
1067
|
"value": {
|
|
1065
1068
|
"kind": "expression",
|
|
1066
|
-
"type": "
|
|
1069
|
+
"type": "string"
|
|
1067
1070
|
},
|
|
1068
|
-
"description": "
|
|
1069
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1070
|
-
"default": "\"top end\""
|
|
1071
|
+
"description": "Native <a> link target attribute; Use it only with 'to' or 'href' props\n\nExamples:\n_blank\n_self\n_parent\n_top",
|
|
1072
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1071
1073
|
},
|
|
1072
1074
|
{
|
|
1073
|
-
"name": "
|
|
1075
|
+
"name": "label",
|
|
1074
1076
|
"value": {
|
|
1075
1077
|
"kind": "expression",
|
|
1076
|
-
"type": "
|
|
1078
|
+
"type": "string|number"
|
|
1077
1079
|
},
|
|
1078
|
-
"description": "
|
|
1080
|
+
"description": "The text that will be shown on the button\n\nExamples:\nButton Label",
|
|
1079
1081
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1080
1082
|
},
|
|
1081
1083
|
{
|
|
1082
|
-
"name": "
|
|
1084
|
+
"name": "icon",
|
|
1083
1085
|
"value": {
|
|
1084
1086
|
"kind": "expression",
|
|
1085
1087
|
"type": "string"
|
|
1086
1088
|
},
|
|
1087
|
-
"description": "
|
|
1088
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1089
|
-
}
|
|
1090
|
-
],
|
|
1091
|
-
"events": [
|
|
1092
|
-
{
|
|
1093
|
-
"name": "update:model-value",
|
|
1094
|
-
"arguments": [
|
|
1095
|
-
{
|
|
1096
|
-
"name": "value",
|
|
1097
|
-
"type": "boolean",
|
|
1098
|
-
"description": "New state (showing/hidden)",
|
|
1099
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1100
|
-
}
|
|
1101
|
-
],
|
|
1102
|
-
"description": "Emitted when showing/hidden state changes; Is also used by v-model",
|
|
1089
|
+
"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:\nmap\nion-add\nimg:https://cdn.quasar.dev/logo-v2/svg/logo.svg\nimg:path/to/some_image.png",
|
|
1103
1090
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1104
1091
|
},
|
|
1105
1092
|
{
|
|
1106
|
-
"name": "
|
|
1107
|
-
"
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1113
|
-
}
|
|
1114
|
-
],
|
|
1115
|
-
"description": "Emitted after component has triggered show()",
|
|
1093
|
+
"name": "icon-right",
|
|
1094
|
+
"value": {
|
|
1095
|
+
"kind": "expression",
|
|
1096
|
+
"type": "string"
|
|
1097
|
+
},
|
|
1098
|
+
"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:\nmap\nion-add\nimg:https://cdn.quasar.dev/logo-v2/svg/logo.svg\nimg:path/to/some_image.png",
|
|
1116
1099
|
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1117
1100
|
},
|
|
1118
1101
|
{
|
|
1119
|
-
"name": "
|
|
1120
|
-
"
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
],
|
|
1128
|
-
"description": "Emitted when component triggers show() but before it finishes doing it",
|
|
1129
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1102
|
+
"name": "outline",
|
|
1103
|
+
"value": {
|
|
1104
|
+
"kind": "expression",
|
|
1105
|
+
"type": "boolean"
|
|
1106
|
+
},
|
|
1107
|
+
"description": "Use 'outline' design",
|
|
1108
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1109
|
+
"type": "boolean"
|
|
1130
1110
|
},
|
|
1131
1111
|
{
|
|
1132
|
-
"name": "
|
|
1133
|
-
"
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
],
|
|
1141
|
-
"description": "Emitted after component has triggered hide()",
|
|
1142
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1112
|
+
"name": "flat",
|
|
1113
|
+
"value": {
|
|
1114
|
+
"kind": "expression",
|
|
1115
|
+
"type": "boolean"
|
|
1116
|
+
},
|
|
1117
|
+
"description": "Use 'flat' design",
|
|
1118
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1119
|
+
"type": "boolean"
|
|
1143
1120
|
},
|
|
1144
1121
|
{
|
|
1145
|
-
"name": "
|
|
1146
|
-
"
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
],
|
|
1154
|
-
"description": "Emitted when component triggers hide() but before it finishes doing it",
|
|
1155
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1122
|
+
"name": "unelevated",
|
|
1123
|
+
"value": {
|
|
1124
|
+
"kind": "expression",
|
|
1125
|
+
"type": "boolean"
|
|
1126
|
+
},
|
|
1127
|
+
"description": "Remove shadow",
|
|
1128
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1129
|
+
"type": "boolean"
|
|
1156
1130
|
},
|
|
1157
1131
|
{
|
|
1158
|
-
"name": "
|
|
1159
|
-
"
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
],
|
|
1167
|
-
"description": "Emitted when user clicks/taps on the main button (not the icon one, if using 'split')",
|
|
1168
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1169
|
-
}
|
|
1170
|
-
],
|
|
1171
|
-
"slots": [
|
|
1172
|
-
{
|
|
1173
|
-
"name": "default",
|
|
1174
|
-
"description": "Default slot in the devland unslotted content of the component",
|
|
1175
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1132
|
+
"name": "rounded",
|
|
1133
|
+
"value": {
|
|
1134
|
+
"kind": "expression",
|
|
1135
|
+
"type": "boolean"
|
|
1136
|
+
},
|
|
1137
|
+
"description": "Applies a more prominent border-radius for a squared shape button",
|
|
1138
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1139
|
+
"type": "boolean"
|
|
1176
1140
|
},
|
|
1177
1141
|
{
|
|
1178
|
-
"name": "
|
|
1179
|
-
"
|
|
1180
|
-
|
|
1142
|
+
"name": "push",
|
|
1143
|
+
"value": {
|
|
1144
|
+
"kind": "expression",
|
|
1145
|
+
"type": "boolean"
|
|
1146
|
+
},
|
|
1147
|
+
"description": "Use 'push' design",
|
|
1148
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1149
|
+
"type": "boolean"
|
|
1181
1150
|
},
|
|
1182
1151
|
{
|
|
1183
|
-
"name": "
|
|
1184
|
-
"
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
"name": "QBtnGroup",
|
|
1193
|
-
"source": {
|
|
1194
|
-
"module": "quasar",
|
|
1195
|
-
"symbol": "QBtnGroup"
|
|
1196
|
-
},
|
|
1197
|
-
"attributes": [
|
|
1152
|
+
"name": "square",
|
|
1153
|
+
"value": {
|
|
1154
|
+
"kind": "expression",
|
|
1155
|
+
"type": "boolean"
|
|
1156
|
+
},
|
|
1157
|
+
"description": "Removes border-radius so borders are squared",
|
|
1158
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1159
|
+
"type": "boolean"
|
|
1160
|
+
},
|
|
1198
1161
|
{
|
|
1199
|
-
"name": "
|
|
1162
|
+
"name": "glossy",
|
|
1200
1163
|
"value": {
|
|
1201
1164
|
"kind": "expression",
|
|
1202
1165
|
"type": "boolean"
|
|
1203
1166
|
},
|
|
1204
|
-
"description": "
|
|
1205
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1167
|
+
"description": "Applies a glossy effect",
|
|
1168
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1206
1169
|
"type": "boolean"
|
|
1207
1170
|
},
|
|
1208
1171
|
{
|
|
1209
|
-
"name": "
|
|
1172
|
+
"name": "fab",
|
|
1210
1173
|
"value": {
|
|
1211
1174
|
"kind": "expression",
|
|
1212
1175
|
"type": "boolean"
|
|
1213
1176
|
},
|
|
1214
|
-
"description": "
|
|
1215
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1177
|
+
"description": "Makes button size and shape to fit a Floating Action Button",
|
|
1178
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1216
1179
|
"type": "boolean"
|
|
1217
1180
|
},
|
|
1218
1181
|
{
|
|
1219
|
-
"name": "
|
|
1182
|
+
"name": "fab-mini",
|
|
1220
1183
|
"value": {
|
|
1221
1184
|
"kind": "expression",
|
|
1222
1185
|
"type": "boolean"
|
|
1223
1186
|
},
|
|
1224
|
-
"description": "
|
|
1225
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1187
|
+
"description": "Makes button size and shape to fit a small Floating Action Button",
|
|
1188
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1226
1189
|
"type": "boolean"
|
|
1227
1190
|
},
|
|
1228
1191
|
{
|
|
1229
|
-
"name": "
|
|
1192
|
+
"name": "padding",
|
|
1193
|
+
"value": {
|
|
1194
|
+
"kind": "expression",
|
|
1195
|
+
"type": "string"
|
|
1196
|
+
},
|
|
1197
|
+
"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:\n16px\n10px 5px\n2rem\nxs\nmd lg\n2px 2px 5px 7px",
|
|
1198
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1199
|
+
},
|
|
1200
|
+
{
|
|
1201
|
+
"name": "color",
|
|
1202
|
+
"value": {
|
|
1203
|
+
"kind": "expression",
|
|
1204
|
+
"type": "string"
|
|
1205
|
+
},
|
|
1206
|
+
"description": "Color name for component from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
1207
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1208
|
+
},
|
|
1209
|
+
{
|
|
1210
|
+
"name": "text-color",
|
|
1211
|
+
"value": {
|
|
1212
|
+
"kind": "expression",
|
|
1213
|
+
"type": "string"
|
|
1214
|
+
},
|
|
1215
|
+
"description": "Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
1216
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"name": "no-caps",
|
|
1230
1220
|
"value": {
|
|
1231
1221
|
"kind": "expression",
|
|
1232
1222
|
"type": "boolean"
|
|
1233
1223
|
},
|
|
1234
|
-
"description": "
|
|
1235
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1224
|
+
"description": "Avoid turning label text into caps (which happens by default)",
|
|
1225
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1236
1226
|
"type": "boolean"
|
|
1237
1227
|
},
|
|
1238
1228
|
{
|
|
1239
|
-
"name": "
|
|
1229
|
+
"name": "no-wrap",
|
|
1240
1230
|
"value": {
|
|
1241
1231
|
"kind": "expression",
|
|
1242
1232
|
"type": "boolean"
|
|
1243
1233
|
},
|
|
1244
|
-
"description": "
|
|
1245
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1234
|
+
"description": "Avoid label text wrapping",
|
|
1235
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1246
1236
|
"type": "boolean"
|
|
1247
1237
|
},
|
|
1248
1238
|
{
|
|
1249
|
-
"name": "
|
|
1239
|
+
"name": "dense",
|
|
1250
1240
|
"value": {
|
|
1251
1241
|
"kind": "expression",
|
|
1252
1242
|
"type": "boolean"
|
|
1253
1243
|
},
|
|
1254
|
-
"description": "
|
|
1255
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1244
|
+
"description": "Dense mode; occupies less space",
|
|
1245
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1256
1246
|
"type": "boolean"
|
|
1257
1247
|
},
|
|
1258
1248
|
{
|
|
1259
|
-
"name": "
|
|
1249
|
+
"name": "ripple",
|
|
1250
|
+
"value": {
|
|
1251
|
+
"kind": "expression",
|
|
1252
|
+
"type": "boolean|object"
|
|
1253
|
+
},
|
|
1254
|
+
"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: [] }",
|
|
1255
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1256
|
+
"default": "true"
|
|
1257
|
+
},
|
|
1258
|
+
{
|
|
1259
|
+
"name": "tabindex",
|
|
1260
|
+
"value": {
|
|
1261
|
+
"kind": "expression",
|
|
1262
|
+
"type": "number|string"
|
|
1263
|
+
},
|
|
1264
|
+
"description": "Tabindex HTML attribute value\n\nExamples:\n0\n100",
|
|
1265
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1266
|
+
},
|
|
1267
|
+
{
|
|
1268
|
+
"name": "align",
|
|
1269
|
+
"value": {
|
|
1270
|
+
"kind": "expression",
|
|
1271
|
+
"type": "'left'|'right'|'center'|'around'|'between'|'evenly'"
|
|
1272
|
+
},
|
|
1273
|
+
"description": "Label or content alignment",
|
|
1274
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1275
|
+
"default": "\"center\""
|
|
1276
|
+
},
|
|
1277
|
+
{
|
|
1278
|
+
"name": "stack",
|
|
1260
1279
|
"value": {
|
|
1261
1280
|
"kind": "expression",
|
|
1262
1281
|
"type": "boolean"
|
|
1263
1282
|
},
|
|
1264
|
-
"description": "
|
|
1265
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1283
|
+
"description": "Stack icon and label vertically instead of on same line (like it is by default)",
|
|
1284
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1266
1285
|
"type": "boolean"
|
|
1267
1286
|
},
|
|
1268
1287
|
{
|
|
@@ -1271,260 +1290,351 @@
|
|
|
1271
1290
|
"kind": "expression",
|
|
1272
1291
|
"type": "boolean"
|
|
1273
1292
|
},
|
|
1274
|
-
"description": "When used on flexbox parent,
|
|
1275
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1293
|
+
"description": "When used on flexbox parent, button will stretch to parent's height",
|
|
1294
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1276
1295
|
"type": "boolean"
|
|
1277
1296
|
},
|
|
1278
1297
|
{
|
|
1279
|
-
"name": "
|
|
1298
|
+
"name": "loading",
|
|
1280
1299
|
"value": {
|
|
1281
1300
|
"kind": "expression",
|
|
1282
1301
|
"type": "boolean"
|
|
1283
1302
|
},
|
|
1284
|
-
"description": "
|
|
1285
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1303
|
+
"description": "Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)",
|
|
1304
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1286
1305
|
"type": "boolean"
|
|
1287
|
-
}
|
|
1288
|
-
],
|
|
1289
|
-
"slots": [
|
|
1306
|
+
},
|
|
1290
1307
|
{
|
|
1291
|
-
"name": "
|
|
1292
|
-
"
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
"name": "QBtnToggle",
|
|
1301
|
-
"source": {
|
|
1302
|
-
"module": "quasar",
|
|
1303
|
-
"symbol": "QBtnToggle"
|
|
1304
|
-
},
|
|
1305
|
-
"attributes": [
|
|
1308
|
+
"name": "disable",
|
|
1309
|
+
"value": {
|
|
1310
|
+
"kind": "expression",
|
|
1311
|
+
"type": "boolean"
|
|
1312
|
+
},
|
|
1313
|
+
"description": "Put component in disabled mode",
|
|
1314
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1315
|
+
"type": "boolean"
|
|
1316
|
+
},
|
|
1306
1317
|
{
|
|
1307
|
-
"name": "
|
|
1318
|
+
"name": "split",
|
|
1308
1319
|
"value": {
|
|
1309
1320
|
"kind": "expression",
|
|
1310
|
-
"type": "
|
|
1321
|
+
"type": "boolean"
|
|
1311
1322
|
},
|
|
1312
|
-
"description": "
|
|
1313
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1323
|
+
"description": "Split dropdown icon into its own button",
|
|
1324
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1325
|
+
"type": "boolean"
|
|
1314
1326
|
},
|
|
1315
1327
|
{
|
|
1316
|
-
"name": "
|
|
1328
|
+
"name": "dropdown-icon",
|
|
1317
1329
|
"value": {
|
|
1318
1330
|
"kind": "expression",
|
|
1319
|
-
"type": "
|
|
1331
|
+
"type": "string"
|
|
1320
1332
|
},
|
|
1321
|
-
"description": "
|
|
1322
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1323
|
-
"required": true
|
|
1333
|
+
"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:\nmap\nion-add\nimg:https://cdn.quasar.dev/logo-v2/svg/logo.svg\nimg:path/to/some_image.png",
|
|
1334
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1324
1335
|
},
|
|
1325
1336
|
{
|
|
1326
|
-
"name": "
|
|
1337
|
+
"name": "disable-main-btn",
|
|
1327
1338
|
"value": {
|
|
1328
1339
|
"kind": "expression",
|
|
1329
|
-
"type": "
|
|
1340
|
+
"type": "boolean"
|
|
1330
1341
|
},
|
|
1331
|
-
"description": "
|
|
1332
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1333
|
-
"
|
|
1342
|
+
"description": "Disable main button (useful along with 'split' prop)",
|
|
1343
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1344
|
+
"type": "boolean"
|
|
1334
1345
|
},
|
|
1335
1346
|
{
|
|
1336
|
-
"name": "
|
|
1347
|
+
"name": "disable-dropdown",
|
|
1337
1348
|
"value": {
|
|
1338
1349
|
"kind": "expression",
|
|
1339
|
-
"type": "
|
|
1350
|
+
"type": "boolean"
|
|
1340
1351
|
},
|
|
1341
|
-
"description": "
|
|
1342
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1352
|
+
"description": "Disables dropdown (dropdown button if using along 'split' prop)",
|
|
1353
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1354
|
+
"type": "boolean"
|
|
1343
1355
|
},
|
|
1344
1356
|
{
|
|
1345
|
-
"name": "
|
|
1357
|
+
"name": "no-icon-animation",
|
|
1346
1358
|
"value": {
|
|
1347
1359
|
"kind": "expression",
|
|
1348
|
-
"type": "
|
|
1360
|
+
"type": "boolean"
|
|
1349
1361
|
},
|
|
1350
|
-
"description": "
|
|
1351
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1362
|
+
"description": "Disables the rotation of the dropdown icon when state is toggled",
|
|
1363
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1364
|
+
"type": "boolean"
|
|
1352
1365
|
},
|
|
1353
1366
|
{
|
|
1354
|
-
"name": "
|
|
1367
|
+
"name": "content-style",
|
|
1355
1368
|
"value": {
|
|
1356
1369
|
"kind": "expression",
|
|
1357
|
-
"type": "string"
|
|
1370
|
+
"type": "string|any[]|object"
|
|
1358
1371
|
},
|
|
1359
|
-
"description": "
|
|
1360
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1361
|
-
"default": "\"primary\""
|
|
1372
|
+
"description": "Style definitions to be attributed to the menu\n\nExamples:\nbackground-color: #ff0000\n:content-style=\"{ backgroundColor: '#ff0000' }\"",
|
|
1373
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1362
1374
|
},
|
|
1363
1375
|
{
|
|
1364
|
-
"name": "
|
|
1376
|
+
"name": "content-class",
|
|
1365
1377
|
"value": {
|
|
1366
1378
|
"kind": "expression",
|
|
1367
|
-
"type": "string"
|
|
1379
|
+
"type": "string|any[]|object"
|
|
1368
1380
|
},
|
|
1369
|
-
"description": "
|
|
1370
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1381
|
+
"description": "Class definitions to be attributed to the menu\n\nExamples:\nmy-special-class\n:content-class=\"{ 'my-special-class': <condition> }\"",
|
|
1382
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1371
1383
|
},
|
|
1372
1384
|
{
|
|
1373
|
-
"name": "
|
|
1385
|
+
"name": "cover",
|
|
1374
1386
|
"value": {
|
|
1375
1387
|
"kind": "expression",
|
|
1376
1388
|
"type": "boolean"
|
|
1377
1389
|
},
|
|
1378
|
-
"description": "
|
|
1379
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1390
|
+
"description": "Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective",
|
|
1391
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1380
1392
|
"type": "boolean"
|
|
1381
1393
|
},
|
|
1382
1394
|
{
|
|
1383
|
-
"name": "
|
|
1395
|
+
"name": "persistent",
|
|
1384
1396
|
"value": {
|
|
1385
1397
|
"kind": "expression",
|
|
1386
1398
|
"type": "boolean"
|
|
1387
1399
|
},
|
|
1388
|
-
"description": "
|
|
1389
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1400
|
+
"description": "Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key",
|
|
1401
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1390
1402
|
"type": "boolean"
|
|
1391
1403
|
},
|
|
1392
1404
|
{
|
|
1393
|
-
"name": "
|
|
1405
|
+
"name": "no-route-dismiss",
|
|
1394
1406
|
"value": {
|
|
1395
1407
|
"kind": "expression",
|
|
1396
1408
|
"type": "boolean"
|
|
1397
1409
|
},
|
|
1398
|
-
"description": "
|
|
1399
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1410
|
+
"description": "Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set",
|
|
1411
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1400
1412
|
"type": "boolean"
|
|
1401
1413
|
},
|
|
1402
1414
|
{
|
|
1403
|
-
"name": "
|
|
1415
|
+
"name": "auto-close",
|
|
1404
1416
|
"value": {
|
|
1405
1417
|
"kind": "expression",
|
|
1406
1418
|
"type": "boolean"
|
|
1407
1419
|
},
|
|
1408
|
-
"description": "
|
|
1409
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1420
|
+
"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",
|
|
1421
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1410
1422
|
"type": "boolean"
|
|
1411
1423
|
},
|
|
1412
1424
|
{
|
|
1413
|
-
"name": "
|
|
1425
|
+
"name": "menu-anchor",
|
|
1414
1426
|
"value": {
|
|
1415
1427
|
"kind": "expression",
|
|
1416
|
-
"type": "
|
|
1428
|
+
"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'"
|
|
1417
1429
|
},
|
|
1418
|
-
"description": "
|
|
1419
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1420
|
-
"
|
|
1430
|
+
"description": "Two values setting the starting position or anchor point of the menu relative to its target",
|
|
1431
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1432
|
+
"default": "\"bottom end\""
|
|
1421
1433
|
},
|
|
1422
1434
|
{
|
|
1423
|
-
"name": "
|
|
1435
|
+
"name": "menu-self",
|
|
1424
1436
|
"value": {
|
|
1425
1437
|
"kind": "expression",
|
|
1426
|
-
"type": "
|
|
1438
|
+
"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'"
|
|
1427
1439
|
},
|
|
1428
|
-
"description": "
|
|
1429
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1430
|
-
"
|
|
1440
|
+
"description": "Two values setting the menu's own position relative to its target",
|
|
1441
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown",
|
|
1442
|
+
"default": "\"top end\""
|
|
1443
|
+
},
|
|
1444
|
+
{
|
|
1445
|
+
"name": "menu-offset",
|
|
1446
|
+
"value": {
|
|
1447
|
+
"kind": "expression",
|
|
1448
|
+
"type": "any[]"
|
|
1449
|
+
},
|
|
1450
|
+
"description": "An array of two numbers to offset the menu horizontally and vertically in pixels\n\nExamples:\n[8, 8]\n[5, 10]",
|
|
1451
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1452
|
+
},
|
|
1453
|
+
{
|
|
1454
|
+
"name": "toggle-aria-label",
|
|
1455
|
+
"value": {
|
|
1456
|
+
"kind": "expression",
|
|
1457
|
+
"type": "string"
|
|
1458
|
+
},
|
|
1459
|
+
"description": "aria-label to be used on the dropdown toggle element\n\nExamples:\nOpen menu",
|
|
1460
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1461
|
+
}
|
|
1462
|
+
],
|
|
1463
|
+
"events": [
|
|
1464
|
+
{
|
|
1465
|
+
"name": "update:model-value",
|
|
1466
|
+
"arguments": [
|
|
1467
|
+
{
|
|
1468
|
+
"name": "value",
|
|
1469
|
+
"type": "boolean",
|
|
1470
|
+
"description": "New state (showing/hidden)",
|
|
1471
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1472
|
+
}
|
|
1473
|
+
],
|
|
1474
|
+
"description": "Emitted when showing/hidden state changes; Is also used by v-model",
|
|
1475
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1476
|
+
},
|
|
1477
|
+
{
|
|
1478
|
+
"name": "show",
|
|
1479
|
+
"arguments": [
|
|
1480
|
+
{
|
|
1481
|
+
"name": "evt",
|
|
1482
|
+
"type": "Event",
|
|
1483
|
+
"description": "JS event object",
|
|
1484
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1485
|
+
}
|
|
1486
|
+
],
|
|
1487
|
+
"description": "Emitted after component has triggered show()",
|
|
1488
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1489
|
+
},
|
|
1490
|
+
{
|
|
1491
|
+
"name": "before-show",
|
|
1492
|
+
"arguments": [
|
|
1493
|
+
{
|
|
1494
|
+
"name": "evt",
|
|
1495
|
+
"type": "Event",
|
|
1496
|
+
"description": "JS event object",
|
|
1497
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1498
|
+
}
|
|
1499
|
+
],
|
|
1500
|
+
"description": "Emitted when component triggers show() but before it finishes doing it",
|
|
1501
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1502
|
+
},
|
|
1503
|
+
{
|
|
1504
|
+
"name": "hide",
|
|
1505
|
+
"arguments": [
|
|
1506
|
+
{
|
|
1507
|
+
"name": "evt",
|
|
1508
|
+
"type": "Event",
|
|
1509
|
+
"description": "JS event object",
|
|
1510
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1511
|
+
}
|
|
1512
|
+
],
|
|
1513
|
+
"description": "Emitted after component has triggered hide()",
|
|
1514
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1515
|
+
},
|
|
1516
|
+
{
|
|
1517
|
+
"name": "before-hide",
|
|
1518
|
+
"arguments": [
|
|
1519
|
+
{
|
|
1520
|
+
"name": "evt",
|
|
1521
|
+
"type": "Event",
|
|
1522
|
+
"description": "JS event object",
|
|
1523
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1524
|
+
}
|
|
1525
|
+
],
|
|
1526
|
+
"description": "Emitted when component triggers hide() but before it finishes doing it",
|
|
1527
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1431
1528
|
},
|
|
1432
1529
|
{
|
|
1433
|
-
"name": "
|
|
1434
|
-
"
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1530
|
+
"name": "click",
|
|
1531
|
+
"arguments": [
|
|
1532
|
+
{
|
|
1533
|
+
"name": "evt",
|
|
1534
|
+
"type": "Event",
|
|
1535
|
+
"description": "JS event object",
|
|
1536
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1537
|
+
}
|
|
1538
|
+
],
|
|
1539
|
+
"description": "Emitted when user clicks/taps on the main button (not the icon one, if using 'split')",
|
|
1540
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1541
|
+
}
|
|
1542
|
+
],
|
|
1543
|
+
"slots": [
|
|
1544
|
+
{
|
|
1545
|
+
"name": "default",
|
|
1546
|
+
"description": "Default slot in the devland unslotted content of the component",
|
|
1547
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1441
1548
|
},
|
|
1442
1549
|
{
|
|
1443
|
-
"name": "
|
|
1444
|
-
"
|
|
1445
|
-
|
|
1446
|
-
"type": "string"
|
|
1447
|
-
},
|
|
1448
|
-
"description": "Button size name or a CSS unit including unit name\n\nExamples:\nxs\nsm\nmd\nlg\nxl\n25px\n2rem",
|
|
1449
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1550
|
+
"name": "label",
|
|
1551
|
+
"description": "Customize main button's content through this slot, unless you're using the 'icon' and 'label' props",
|
|
1552
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1450
1553
|
},
|
|
1451
1554
|
{
|
|
1452
|
-
"name": "
|
|
1453
|
-
"
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1555
|
+
"name": "loading",
|
|
1556
|
+
"description": "Override the default QSpinner when in 'loading' state",
|
|
1557
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1558
|
+
}
|
|
1559
|
+
],
|
|
1560
|
+
"description": "QBtnDropdown - Quasar component",
|
|
1561
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-dropdown"
|
|
1562
|
+
},
|
|
1563
|
+
{
|
|
1564
|
+
"name": "QBtnGroup",
|
|
1565
|
+
"source": {
|
|
1566
|
+
"module": "quasar",
|
|
1567
|
+
"symbol": "QBtnGroup"
|
|
1568
|
+
},
|
|
1569
|
+
"attributes": [
|
|
1460
1570
|
{
|
|
1461
|
-
"name": "
|
|
1571
|
+
"name": "spread",
|
|
1462
1572
|
"value": {
|
|
1463
1573
|
"kind": "expression",
|
|
1464
1574
|
"type": "boolean"
|
|
1465
1575
|
},
|
|
1466
|
-
"description": "
|
|
1467
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1576
|
+
"description": "Spread horizontally to all available space",
|
|
1577
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1468
1578
|
"type": "boolean"
|
|
1469
1579
|
},
|
|
1470
1580
|
{
|
|
1471
|
-
"name": "
|
|
1581
|
+
"name": "outline",
|
|
1472
1582
|
"value": {
|
|
1473
1583
|
"kind": "expression",
|
|
1474
1584
|
"type": "boolean"
|
|
1475
1585
|
},
|
|
1476
|
-
"description": "
|
|
1477
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1586
|
+
"description": "Use 'outline' design for buttons",
|
|
1587
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1478
1588
|
"type": "boolean"
|
|
1479
1589
|
},
|
|
1480
1590
|
{
|
|
1481
|
-
"name": "
|
|
1591
|
+
"name": "flat",
|
|
1482
1592
|
"value": {
|
|
1483
1593
|
"kind": "expression",
|
|
1484
|
-
"type": "boolean
|
|
1594
|
+
"type": "boolean"
|
|
1485
1595
|
},
|
|
1486
|
-
"description": "
|
|
1487
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1488
|
-
"
|
|
1596
|
+
"description": "Use 'flat' design for buttons",
|
|
1597
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1598
|
+
"type": "boolean"
|
|
1489
1599
|
},
|
|
1490
1600
|
{
|
|
1491
|
-
"name": "
|
|
1601
|
+
"name": "unelevated",
|
|
1492
1602
|
"value": {
|
|
1493
1603
|
"kind": "expression",
|
|
1494
1604
|
"type": "boolean"
|
|
1495
1605
|
},
|
|
1496
|
-
"description": "
|
|
1497
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1606
|
+
"description": "Remove shadow on buttons",
|
|
1607
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1498
1608
|
"type": "boolean"
|
|
1499
1609
|
},
|
|
1500
1610
|
{
|
|
1501
|
-
"name": "
|
|
1611
|
+
"name": "rounded",
|
|
1502
1612
|
"value": {
|
|
1503
1613
|
"kind": "expression",
|
|
1504
1614
|
"type": "boolean"
|
|
1505
1615
|
},
|
|
1506
|
-
"description": "
|
|
1507
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1616
|
+
"description": "Applies a more prominent border-radius for squared shape buttons",
|
|
1617
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1508
1618
|
"type": "boolean"
|
|
1509
1619
|
},
|
|
1510
1620
|
{
|
|
1511
|
-
"name": "
|
|
1621
|
+
"name": "square",
|
|
1512
1622
|
"value": {
|
|
1513
1623
|
"kind": "expression",
|
|
1514
1624
|
"type": "boolean"
|
|
1515
1625
|
},
|
|
1516
|
-
"description": "
|
|
1517
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1626
|
+
"description": "Removes border-radius so borders are squared",
|
|
1627
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1518
1628
|
"type": "boolean"
|
|
1519
1629
|
},
|
|
1520
1630
|
{
|
|
1521
|
-
"name": "
|
|
1631
|
+
"name": "push",
|
|
1522
1632
|
"value": {
|
|
1523
1633
|
"kind": "expression",
|
|
1524
1634
|
"type": "boolean"
|
|
1525
1635
|
},
|
|
1526
|
-
"description": "
|
|
1527
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1636
|
+
"description": "Use 'push' design for buttons",
|
|
1637
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1528
1638
|
"type": "boolean"
|
|
1529
1639
|
},
|
|
1530
1640
|
{
|
|
@@ -1533,145 +1643,113 @@
|
|
|
1533
1643
|
"kind": "expression",
|
|
1534
1644
|
"type": "boolean"
|
|
1535
1645
|
},
|
|
1536
|
-
"description": "When used on flexbox parent,
|
|
1537
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1646
|
+
"description": "When used on flexbox parent, buttons will stretch to parent's height",
|
|
1647
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1538
1648
|
"type": "boolean"
|
|
1539
1649
|
},
|
|
1540
1650
|
{
|
|
1541
|
-
"name": "
|
|
1651
|
+
"name": "glossy",
|
|
1542
1652
|
"value": {
|
|
1543
1653
|
"kind": "expression",
|
|
1544
1654
|
"type": "boolean"
|
|
1545
1655
|
},
|
|
1546
|
-
"description": "
|
|
1547
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1656
|
+
"description": "Applies a glossy effect",
|
|
1657
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group",
|
|
1548
1658
|
"type": "boolean"
|
|
1549
1659
|
}
|
|
1550
1660
|
],
|
|
1551
|
-
"events": [
|
|
1552
|
-
{
|
|
1553
|
-
"name": "update:model-value",
|
|
1554
|
-
"arguments": [
|
|
1555
|
-
{
|
|
1556
|
-
"name": "value",
|
|
1557
|
-
"type": "any",
|
|
1558
|
-
"description": "New model value",
|
|
1559
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1560
|
-
}
|
|
1561
|
-
],
|
|
1562
|
-
"description": "Emitted when the component needs to change the model; Is also used by v-model",
|
|
1563
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1564
|
-
},
|
|
1565
|
-
{
|
|
1566
|
-
"name": "clear",
|
|
1567
|
-
"description": "When using the 'clearable' property, this event is emitted when the already selected button is clicked",
|
|
1568
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1569
|
-
}
|
|
1570
|
-
],
|
|
1571
1661
|
"slots": [
|
|
1572
1662
|
{
|
|
1573
1663
|
"name": "default",
|
|
1574
|
-
"description": "
|
|
1575
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1576
|
-
},
|
|
1577
|
-
{
|
|
1578
|
-
"name": "...",
|
|
1579
|
-
"description": "Any other dynamic slots to be used with 'slot' property of the 'options' prop",
|
|
1580
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1664
|
+
"description": "Suggestion: QBtn",
|
|
1665
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group"
|
|
1581
1666
|
}
|
|
1582
1667
|
],
|
|
1583
|
-
"description": "
|
|
1584
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button-
|
|
1668
|
+
"description": "QBtnGroup - Quasar component",
|
|
1669
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-group"
|
|
1585
1670
|
},
|
|
1586
1671
|
{
|
|
1587
|
-
"name": "
|
|
1672
|
+
"name": "QBtnToggle",
|
|
1588
1673
|
"source": {
|
|
1589
1674
|
"module": "quasar",
|
|
1590
|
-
"symbol": "
|
|
1675
|
+
"symbol": "QBtnToggle"
|
|
1591
1676
|
},
|
|
1592
1677
|
"attributes": [
|
|
1593
1678
|
{
|
|
1594
|
-
"name": "
|
|
1595
|
-
"value": {
|
|
1596
|
-
"kind": "expression",
|
|
1597
|
-
"type": "string"
|
|
1598
|
-
},
|
|
1599
|
-
"description": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)\n\nExamples:\n16px\n2rem\nxs\nmd",
|
|
1600
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1601
|
-
},
|
|
1602
|
-
{
|
|
1603
|
-
"name": "type",
|
|
1679
|
+
"name": "name",
|
|
1604
1680
|
"value": {
|
|
1605
1681
|
"kind": "expression",
|
|
1606
1682
|
"type": "string"
|
|
1607
1683
|
},
|
|
1608
|
-
"description": "
|
|
1609
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1610
|
-
"default": "\"button\""
|
|
1684
|
+
"description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL\n\nExamples:\ncar_id",
|
|
1685
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1611
1686
|
},
|
|
1612
1687
|
{
|
|
1613
|
-
"name": "
|
|
1688
|
+
"name": "model-value",
|
|
1614
1689
|
"value": {
|
|
1615
1690
|
"kind": "expression",
|
|
1616
|
-
"type": "
|
|
1691
|
+
"type": "any"
|
|
1617
1692
|
},
|
|
1618
|
-
"description": "
|
|
1619
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1693
|
+
"description": "Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive\n\nExamples:\nv-model=\"selected\"",
|
|
1694
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1695
|
+
"required": true
|
|
1620
1696
|
},
|
|
1621
1697
|
{
|
|
1622
|
-
"name": "
|
|
1698
|
+
"name": "options",
|
|
1623
1699
|
"value": {
|
|
1624
1700
|
"kind": "expression",
|
|
1625
|
-
"type": "
|
|
1701
|
+
"type": "any[]"
|
|
1626
1702
|
},
|
|
1627
|
-
"description": "
|
|
1628
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1629
|
-
"
|
|
1703
|
+
"description": "Array of Objects defining each option\n\nExamples:\n[ {label: 'One', value: 'one'}, {label: 'Two', value: 'two'} ]",
|
|
1704
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1705
|
+
"required": true
|
|
1630
1706
|
},
|
|
1631
1707
|
{
|
|
1632
|
-
"name": "
|
|
1708
|
+
"name": "color",
|
|
1633
1709
|
"value": {
|
|
1634
1710
|
"kind": "expression",
|
|
1635
1711
|
"type": "string"
|
|
1636
1712
|
},
|
|
1637
|
-
"description": "
|
|
1638
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1713
|
+
"description": "Color name for component from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
1714
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1639
1715
|
},
|
|
1640
1716
|
{
|
|
1641
|
-
"name": "
|
|
1717
|
+
"name": "text-color",
|
|
1642
1718
|
"value": {
|
|
1643
1719
|
"kind": "expression",
|
|
1644
1720
|
"type": "string"
|
|
1645
1721
|
},
|
|
1646
|
-
"description": "
|
|
1647
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1722
|
+
"description": "Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
1723
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1648
1724
|
},
|
|
1649
1725
|
{
|
|
1650
|
-
"name": "
|
|
1726
|
+
"name": "toggle-color",
|
|
1651
1727
|
"value": {
|
|
1652
1728
|
"kind": "expression",
|
|
1653
|
-
"type": "string
|
|
1729
|
+
"type": "string"
|
|
1654
1730
|
},
|
|
1655
|
-
"description": "
|
|
1656
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1731
|
+
"description": "Color name for component from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
1732
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1733
|
+
"default": "\"primary\""
|
|
1657
1734
|
},
|
|
1658
1735
|
{
|
|
1659
|
-
"name": "
|
|
1736
|
+
"name": "toggle-text-color",
|
|
1660
1737
|
"value": {
|
|
1661
1738
|
"kind": "expression",
|
|
1662
1739
|
"type": "string"
|
|
1663
1740
|
},
|
|
1664
|
-
"description": "
|
|
1665
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1741
|
+
"description": "Overrides text color (if needed); Color name from the Quasar Color Palette\n\nExamples:\nprimary\nteal-10",
|
|
1742
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1666
1743
|
},
|
|
1667
1744
|
{
|
|
1668
|
-
"name": "
|
|
1745
|
+
"name": "spread",
|
|
1669
1746
|
"value": {
|
|
1670
1747
|
"kind": "expression",
|
|
1671
|
-
"type": "
|
|
1748
|
+
"type": "boolean"
|
|
1672
1749
|
},
|
|
1673
|
-
"description": "
|
|
1674
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1750
|
+
"description": "Spread horizontally to all available space",
|
|
1751
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1752
|
+
"type": "boolean"
|
|
1675
1753
|
},
|
|
1676
1754
|
{
|
|
1677
1755
|
"name": "outline",
|
|
@@ -1680,7 +1758,7 @@
|
|
|
1680
1758
|
"type": "boolean"
|
|
1681
1759
|
},
|
|
1682
1760
|
"description": "Use 'outline' design",
|
|
1683
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1761
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1684
1762
|
"type": "boolean"
|
|
1685
1763
|
},
|
|
1686
1764
|
{
|
|
@@ -1690,7 +1768,7 @@
|
|
|
1690
1768
|
"type": "boolean"
|
|
1691
1769
|
},
|
|
1692
1770
|
"description": "Use 'flat' design",
|
|
1693
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1771
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1694
1772
|
"type": "boolean"
|
|
1695
1773
|
},
|
|
1696
1774
|
{
|
|
@@ -1700,7 +1778,7 @@
|
|
|
1700
1778
|
"type": "boolean"
|
|
1701
1779
|
},
|
|
1702
1780
|
"description": "Remove shadow",
|
|
1703
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1781
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1704
1782
|
"type": "boolean"
|
|
1705
1783
|
},
|
|
1706
1784
|
{
|
|
@@ -1710,85 +1788,46 @@
|
|
|
1710
1788
|
"type": "boolean"
|
|
1711
1789
|
},
|
|
1712
1790
|
"description": "Applies a more prominent border-radius for a squared shape button",
|
|
1713
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1714
|
-
"type": "boolean"
|
|
1715
|
-
},
|
|
1716
|
-
{
|
|
1717
|
-
"name": "push",
|
|
1718
|
-
"value": {
|
|
1719
|
-
"kind": "expression",
|
|
1720
|
-
"type": "boolean"
|
|
1721
|
-
},
|
|
1722
|
-
"description": "Use 'push' design",
|
|
1723
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1724
|
-
"type": "boolean"
|
|
1725
|
-
},
|
|
1726
|
-
{
|
|
1727
|
-
"name": "square",
|
|
1728
|
-
"value": {
|
|
1729
|
-
"kind": "expression",
|
|
1730
|
-
"type": "boolean"
|
|
1731
|
-
},
|
|
1732
|
-
"description": "Removes border-radius so borders are squared",
|
|
1733
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1734
|
-
"type": "boolean"
|
|
1735
|
-
},
|
|
1736
|
-
{
|
|
1737
|
-
"name": "glossy",
|
|
1738
|
-
"value": {
|
|
1739
|
-
"kind": "expression",
|
|
1740
|
-
"type": "boolean"
|
|
1741
|
-
},
|
|
1742
|
-
"description": "Applies a glossy effect",
|
|
1743
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1744
|
-
"type": "boolean"
|
|
1745
|
-
},
|
|
1746
|
-
{
|
|
1747
|
-
"name": "fab",
|
|
1748
|
-
"value": {
|
|
1749
|
-
"kind": "expression",
|
|
1750
|
-
"type": "boolean"
|
|
1751
|
-
},
|
|
1752
|
-
"description": "Makes button size and shape to fit a Floating Action Button",
|
|
1753
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1791
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1754
1792
|
"type": "boolean"
|
|
1755
1793
|
},
|
|
1756
1794
|
{
|
|
1757
|
-
"name": "
|
|
1795
|
+
"name": "push",
|
|
1758
1796
|
"value": {
|
|
1759
1797
|
"kind": "expression",
|
|
1760
1798
|
"type": "boolean"
|
|
1761
1799
|
},
|
|
1762
|
-
"description": "
|
|
1763
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1800
|
+
"description": "Use 'push' design",
|
|
1801
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1764
1802
|
"type": "boolean"
|
|
1765
1803
|
},
|
|
1766
1804
|
{
|
|
1767
|
-
"name": "
|
|
1805
|
+
"name": "glossy",
|
|
1768
1806
|
"value": {
|
|
1769
1807
|
"kind": "expression",
|
|
1770
|
-
"type": "
|
|
1808
|
+
"type": "boolean"
|
|
1771
1809
|
},
|
|
1772
|
-
"description": "
|
|
1773
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1810
|
+
"description": "Applies a glossy effect",
|
|
1811
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1812
|
+
"type": "boolean"
|
|
1774
1813
|
},
|
|
1775
1814
|
{
|
|
1776
|
-
"name": "
|
|
1815
|
+
"name": "size",
|
|
1777
1816
|
"value": {
|
|
1778
1817
|
"kind": "expression",
|
|
1779
1818
|
"type": "string"
|
|
1780
1819
|
},
|
|
1781
|
-
"description": "
|
|
1782
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1820
|
+
"description": "Button size name or a CSS unit including unit name\n\nExamples:\nxs\nsm\nmd\nlg\nxl\n25px\n2rem",
|
|
1821
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1783
1822
|
},
|
|
1784
1823
|
{
|
|
1785
|
-
"name": "
|
|
1824
|
+
"name": "padding",
|
|
1786
1825
|
"value": {
|
|
1787
1826
|
"kind": "expression",
|
|
1788
1827
|
"type": "string"
|
|
1789
1828
|
},
|
|
1790
|
-
"description": "
|
|
1791
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1829
|
+
"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:\n16px\n10px 5px\n2rem\nxs\nmd lg\n2px 2px 5px 7px",
|
|
1830
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1792
1831
|
},
|
|
1793
1832
|
{
|
|
1794
1833
|
"name": "no-caps",
|
|
@@ -1797,7 +1836,7 @@
|
|
|
1797
1836
|
"type": "boolean"
|
|
1798
1837
|
},
|
|
1799
1838
|
"description": "Avoid turning label text into caps (which happens by default)",
|
|
1800
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1839
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1801
1840
|
"type": "boolean"
|
|
1802
1841
|
},
|
|
1803
1842
|
{
|
|
@@ -1807,17 +1846,7 @@
|
|
|
1807
1846
|
"type": "boolean"
|
|
1808
1847
|
},
|
|
1809
1848
|
"description": "Avoid label text wrapping",
|
|
1810
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1811
|
-
"type": "boolean"
|
|
1812
|
-
},
|
|
1813
|
-
{
|
|
1814
|
-
"name": "dense",
|
|
1815
|
-
"value": {
|
|
1816
|
-
"kind": "expression",
|
|
1817
|
-
"type": "boolean"
|
|
1818
|
-
},
|
|
1819
|
-
"description": "Dense mode; occupies less space",
|
|
1820
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1849
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1821
1850
|
"type": "boolean"
|
|
1822
1851
|
},
|
|
1823
1852
|
{
|
|
@@ -1827,56 +1856,27 @@
|
|
|
1827
1856
|
"type": "boolean|object"
|
|
1828
1857
|
},
|
|
1829
1858
|
"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: [] }",
|
|
1830
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1859
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1831
1860
|
"default": "true"
|
|
1832
1861
|
},
|
|
1833
1862
|
{
|
|
1834
|
-
"name": "
|
|
1835
|
-
"value": {
|
|
1836
|
-
"kind": "expression",
|
|
1837
|
-
"type": "number|string"
|
|
1838
|
-
},
|
|
1839
|
-
"description": "Tabindex HTML attribute value\n\nExamples:\n0\n100",
|
|
1840
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1841
|
-
},
|
|
1842
|
-
{
|
|
1843
|
-
"name": "align",
|
|
1844
|
-
"value": {
|
|
1845
|
-
"kind": "expression",
|
|
1846
|
-
"type": "'left'|'right'|'center'|'around'|'between'|'evenly'"
|
|
1847
|
-
},
|
|
1848
|
-
"description": "Label or content alignment",
|
|
1849
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1850
|
-
"default": "\"center\""
|
|
1851
|
-
},
|
|
1852
|
-
{
|
|
1853
|
-
"name": "stack",
|
|
1854
|
-
"value": {
|
|
1855
|
-
"kind": "expression",
|
|
1856
|
-
"type": "boolean"
|
|
1857
|
-
},
|
|
1858
|
-
"description": "Stack icon and label vertically instead of on same line (like it is by default)",
|
|
1859
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1860
|
-
"type": "boolean"
|
|
1861
|
-
},
|
|
1862
|
-
{
|
|
1863
|
-
"name": "stretch",
|
|
1863
|
+
"name": "dense",
|
|
1864
1864
|
"value": {
|
|
1865
1865
|
"kind": "expression",
|
|
1866
1866
|
"type": "boolean"
|
|
1867
1867
|
},
|
|
1868
|
-
"description": "
|
|
1869
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1868
|
+
"description": "Dense mode; occupies less space",
|
|
1869
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1870
1870
|
"type": "boolean"
|
|
1871
1871
|
},
|
|
1872
1872
|
{
|
|
1873
|
-
"name": "
|
|
1873
|
+
"name": "readonly",
|
|
1874
1874
|
"value": {
|
|
1875
1875
|
"kind": "expression",
|
|
1876
1876
|
"type": "boolean"
|
|
1877
1877
|
},
|
|
1878
|
-
"description": "Put
|
|
1879
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1878
|
+
"description": "Put component in readonly mode",
|
|
1879
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1880
1880
|
"type": "boolean"
|
|
1881
1881
|
},
|
|
1882
1882
|
{
|
|
@@ -1886,74 +1886,74 @@
|
|
|
1886
1886
|
"type": "boolean"
|
|
1887
1887
|
},
|
|
1888
1888
|
"description": "Put component in disabled mode",
|
|
1889
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1889
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1890
1890
|
"type": "boolean"
|
|
1891
1891
|
},
|
|
1892
1892
|
{
|
|
1893
|
-
"name": "
|
|
1893
|
+
"name": "stack",
|
|
1894
1894
|
"value": {
|
|
1895
1895
|
"kind": "expression",
|
|
1896
1896
|
"type": "boolean"
|
|
1897
1897
|
},
|
|
1898
|
-
"description": "
|
|
1899
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1898
|
+
"description": "Stack icon and label vertically instead of on same line (like it is by default)",
|
|
1899
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1900
1900
|
"type": "boolean"
|
|
1901
1901
|
},
|
|
1902
1902
|
{
|
|
1903
|
-
"name": "
|
|
1903
|
+
"name": "stretch",
|
|
1904
1904
|
"value": {
|
|
1905
1905
|
"kind": "expression",
|
|
1906
|
-
"type": "
|
|
1906
|
+
"type": "boolean"
|
|
1907
1907
|
},
|
|
1908
|
-
"description": "
|
|
1909
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1908
|
+
"description": "When used on flexbox parent, button will stretch to parent's height",
|
|
1909
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1910
|
+
"type": "boolean"
|
|
1910
1911
|
},
|
|
1911
1912
|
{
|
|
1912
|
-
"name": "
|
|
1913
|
+
"name": "clearable",
|
|
1913
1914
|
"value": {
|
|
1914
1915
|
"kind": "expression",
|
|
1915
1916
|
"type": "boolean"
|
|
1916
1917
|
},
|
|
1917
|
-
"description": "
|
|
1918
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button",
|
|
1918
|
+
"description": "Clears model on click of the already selected button",
|
|
1919
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle",
|
|
1919
1920
|
"type": "boolean"
|
|
1920
1921
|
}
|
|
1921
1922
|
],
|
|
1922
1923
|
"events": [
|
|
1923
1924
|
{
|
|
1924
|
-
"name": "
|
|
1925
|
+
"name": "update:model-value",
|
|
1925
1926
|
"arguments": [
|
|
1926
1927
|
{
|
|
1927
|
-
"name": "
|
|
1928
|
-
"type": "
|
|
1929
|
-
"description": "
|
|
1930
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1931
|
-
},
|
|
1932
|
-
{
|
|
1933
|
-
"name": "go",
|
|
1934
|
-
"type": "Function",
|
|
1935
|
-
"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",
|
|
1936
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1928
|
+
"name": "value",
|
|
1929
|
+
"type": "any",
|
|
1930
|
+
"description": "New model value",
|
|
1931
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1937
1932
|
}
|
|
1938
1933
|
],
|
|
1939
|
-
"description": "Emitted when the component
|
|
1940
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1934
|
+
"description": "Emitted when the component needs to change the model; Is also used by v-model",
|
|
1935
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1936
|
+
},
|
|
1937
|
+
{
|
|
1938
|
+
"name": "clear",
|
|
1939
|
+
"description": "When using the 'clearable' property, this event is emitted when the already selected button is clicked",
|
|
1940
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1941
1941
|
}
|
|
1942
1942
|
],
|
|
1943
1943
|
"slots": [
|
|
1944
1944
|
{
|
|
1945
1945
|
"name": "default",
|
|
1946
|
-
"description": "
|
|
1947
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1946
|
+
"description": "Suggestions: QTooltip, QBadge",
|
|
1947
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1948
1948
|
},
|
|
1949
1949
|
{
|
|
1950
|
-
"name": "
|
|
1951
|
-
"description": "
|
|
1952
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1950
|
+
"name": "...",
|
|
1951
|
+
"description": "Any other dynamic slots to be used with 'slot' property of the 'options' prop",
|
|
1952
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1953
1953
|
}
|
|
1954
1954
|
],
|
|
1955
|
-
"description": "
|
|
1956
|
-
"doc-url": "https://v2.quasar.dev/vue-components/button"
|
|
1955
|
+
"description": "QBtnToggle - Quasar component",
|
|
1956
|
+
"doc-url": "https://v2.quasar.dev/vue-components/button-toggle"
|
|
1957
1957
|
},
|
|
1958
1958
|
{
|
|
1959
1959
|
"name": "QCard",
|
|
@@ -9948,6 +9948,61 @@
|
|
|
9948
9948
|
"description": "QOptionGroup - Quasar component",
|
|
9949
9949
|
"doc-url": "https://v2.quasar.dev/vue-components/option-group"
|
|
9950
9950
|
},
|
|
9951
|
+
{
|
|
9952
|
+
"name": "QPage",
|
|
9953
|
+
"source": {
|
|
9954
|
+
"module": "quasar",
|
|
9955
|
+
"symbol": "QPage"
|
|
9956
|
+
},
|
|
9957
|
+
"attributes": [
|
|
9958
|
+
{
|
|
9959
|
+
"name": "padding",
|
|
9960
|
+
"value": {
|
|
9961
|
+
"kind": "expression",
|
|
9962
|
+
"type": "boolean"
|
|
9963
|
+
},
|
|
9964
|
+
"description": "Applies a default responsive page padding",
|
|
9965
|
+
"doc-url": "https://v2.quasar.dev/layout/page",
|
|
9966
|
+
"type": "boolean"
|
|
9967
|
+
},
|
|
9968
|
+
{
|
|
9969
|
+
"name": "style-fn",
|
|
9970
|
+
"value": {
|
|
9971
|
+
"kind": "expression",
|
|
9972
|
+
"type": "Function"
|
|
9973
|
+
},
|
|
9974
|
+
"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(see source code)",
|
|
9975
|
+
"doc-url": "https://v2.quasar.dev/layout/page",
|
|
9976
|
+
"default": "\"(see source code)\""
|
|
9977
|
+
}
|
|
9978
|
+
],
|
|
9979
|
+
"slots": [
|
|
9980
|
+
{
|
|
9981
|
+
"name": "default",
|
|
9982
|
+
"description": "Default slot in the devland unslotted content of the component",
|
|
9983
|
+
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
9984
|
+
}
|
|
9985
|
+
],
|
|
9986
|
+
"description": "QPage - Quasar component",
|
|
9987
|
+
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
9988
|
+
},
|
|
9989
|
+
{
|
|
9990
|
+
"name": "QPageContainer",
|
|
9991
|
+
"source": {
|
|
9992
|
+
"module": "quasar",
|
|
9993
|
+
"symbol": "QPageContainer"
|
|
9994
|
+
},
|
|
9995
|
+
"attributes": [],
|
|
9996
|
+
"slots": [
|
|
9997
|
+
{
|
|
9998
|
+
"name": "default",
|
|
9999
|
+
"description": "Encapsulates a QPage (either directly or through <router-view>)",
|
|
10000
|
+
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
10001
|
+
}
|
|
10002
|
+
],
|
|
10003
|
+
"description": "QPageContainer - Quasar component",
|
|
10004
|
+
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
10005
|
+
},
|
|
9951
10006
|
{
|
|
9952
10007
|
"name": "QPageScroller",
|
|
9953
10008
|
"source": {
|
|
@@ -10073,61 +10128,6 @@
|
|
|
10073
10128
|
"description": "QPageSticky - Quasar component",
|
|
10074
10129
|
"doc-url": "https://v2.quasar.dev/layout/page-sticky"
|
|
10075
10130
|
},
|
|
10076
|
-
{
|
|
10077
|
-
"name": "QPage",
|
|
10078
|
-
"source": {
|
|
10079
|
-
"module": "quasar",
|
|
10080
|
-
"symbol": "QPage"
|
|
10081
|
-
},
|
|
10082
|
-
"attributes": [
|
|
10083
|
-
{
|
|
10084
|
-
"name": "padding",
|
|
10085
|
-
"value": {
|
|
10086
|
-
"kind": "expression",
|
|
10087
|
-
"type": "boolean"
|
|
10088
|
-
},
|
|
10089
|
-
"description": "Applies a default responsive page padding",
|
|
10090
|
-
"doc-url": "https://v2.quasar.dev/layout/page",
|
|
10091
|
-
"type": "boolean"
|
|
10092
|
-
},
|
|
10093
|
-
{
|
|
10094
|
-
"name": "style-fn",
|
|
10095
|
-
"value": {
|
|
10096
|
-
"kind": "expression",
|
|
10097
|
-
"type": "Function"
|
|
10098
|
-
},
|
|
10099
|
-
"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(see source code)",
|
|
10100
|
-
"doc-url": "https://v2.quasar.dev/layout/page",
|
|
10101
|
-
"default": "\"(see source code)\""
|
|
10102
|
-
}
|
|
10103
|
-
],
|
|
10104
|
-
"slots": [
|
|
10105
|
-
{
|
|
10106
|
-
"name": "default",
|
|
10107
|
-
"description": "Default slot in the devland unslotted content of the component",
|
|
10108
|
-
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
10109
|
-
}
|
|
10110
|
-
],
|
|
10111
|
-
"description": "QPage - Quasar component",
|
|
10112
|
-
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
10113
|
-
},
|
|
10114
|
-
{
|
|
10115
|
-
"name": "QPageContainer",
|
|
10116
|
-
"source": {
|
|
10117
|
-
"module": "quasar",
|
|
10118
|
-
"symbol": "QPageContainer"
|
|
10119
|
-
},
|
|
10120
|
-
"attributes": [],
|
|
10121
|
-
"slots": [
|
|
10122
|
-
{
|
|
10123
|
-
"name": "default",
|
|
10124
|
-
"description": "Encapsulates a QPage (either directly or through <router-view>)",
|
|
10125
|
-
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
10126
|
-
}
|
|
10127
|
-
],
|
|
10128
|
-
"description": "QPageContainer - Quasar component",
|
|
10129
|
-
"doc-url": "https://v2.quasar.dev/layout/page"
|
|
10130
|
-
},
|
|
10131
10131
|
{
|
|
10132
10132
|
"name": "QPagination",
|
|
10133
10133
|
"source": {
|