quasar 2.14.4 → 2.14.6
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/AddressbarColor.json +1 -22
- package/dist/api/AppFullscreen.json +1 -78
- package/dist/api/AppVisibility.json +1 -15
- package/dist/api/BottomSheet.json +1 -264
- package/dist/api/Brand.json +1 -49
- package/dist/api/ClosePopup.json +1 -21
- package/dist/api/Cookies.json +1 -190
- package/dist/api/Dark.json +1 -63
- package/dist/api/Dialog.json +1 -479
- package/dist/api/Intersection.json +1 -204
- package/dist/api/Lang.json +1 -18
- package/dist/api/Loading.json +1 -317
- package/dist/api/LoadingBar.json +1 -62
- package/dist/api/LocalStorage.json +1 -187
- package/dist/api/Meta.json +1 -6
- package/dist/api/Morph.json +1 -188
- package/dist/api/Mutation.json +1 -122
- package/dist/api/Notify.json +1 -697
- package/dist/api/Platform.json +1 -238
- package/dist/api/QAjaxBar.json +1 -117
- package/dist/api/QAvatar.json +1 -76
- package/dist/api/QBadge.json +1 -82
- package/dist/api/QBanner.json +1 -44
- package/dist/api/QBar.json +1 -28
- package/dist/api/QBreadcrumbs.json +1 -82
- package/dist/api/QBreadcrumbsEl.json +1 -162
- package/dist/api/QBtn.json +1 -354
- package/dist/api/QBtnDropdown.json +1 -560
- package/dist/api/QBtnGroup.json +1 -59
- package/dist/api/QBtnToggle.json +1 -263
- package/dist/api/QCard.json +1 -51
- package/dist/api/QCardActions.json +1 -34
- package/dist/api/QCardSection.json +1 -31
- package/dist/api/QCarousel.json +1 -421
- package/dist/api/QCarouselControl.json +1 -41
- package/dist/api/QCarouselSlide.json +1 -44
- package/dist/api/QChatMessage.json +1 -128
- package/dist/api/QCheckbox.json +1 -211
- package/dist/api/QChip.json +1 -232
- package/dist/api/QCircularProgress.json +1 -145
- package/dist/api/QColor.json +1 -150
- package/dist/api/QDate.json +1 -637
- package/dist/api/QDialog.json +1 -259
- package/dist/api/QDrawer.json +1 -272
- package/dist/api/QEditor.json +1 -485
- package/dist/api/QExpansionItem.json +1 -434
- package/dist/api/QFab.json +1 -352
- package/dist/api/QFabAction.json +1 -241
- package/dist/api/QField.json +1 -448
- package/dist/api/QFile.json +1 -643
- package/dist/api/QFooter.json +1 -60
- package/dist/api/QForm.json +1 -112
- package/dist/api/QFormChildMixin.json +1 -24
- package/dist/api/QHeader.json +1 -67
- package/dist/api/QIcon.json +1 -69
- package/dist/api/QImg.json +1 -279
- package/dist/api/QInfiniteScroll.json +1 -116
- package/dist/api/QInnerLoading.json +1 -117
- package/dist/api/QInput.json +1 -521
- package/dist/api/QIntersection.json +1 -112
- package/dist/api/QItem.json +1 -203
- package/dist/api/QItemLabel.json +1 -36
- package/dist/api/QItemSection.json +1 -38
- package/dist/api/QKnob.json +1 -197
- package/dist/api/QLayout.json +1 -100
- package/dist/api/QLinearProgress.json +1 -113
- package/dist/api/QList.json +1 -58
- package/dist/api/QMarkupTable.json +1 -64
- package/dist/api/QMenu.json +1 -337
- package/dist/api/QNoSsr.json +1 -38
- package/dist/api/QOptionGroup.json +1 -242
- package/dist/api/QPage.json +1 -42
- package/dist/api/QPageContainer.json +1 -11
- package/dist/api/QPageScroller.json +1 -68
- package/dist/api/QPageSticky.json +1 -44
- package/dist/api/QPagination.json +1 -376
- package/dist/api/QParallax.json +1 -74
- package/dist/api/QPopupEdit.json +1 -335
- package/dist/api/QPopupProxy.json +1 -168
- package/dist/api/QPullToRefresh.json +1 -91
- package/dist/api/QRadio.json +1 -163
- package/dist/api/QRange.json +1 -789
- package/dist/api/QRating.json +1 -186
- package/dist/api/QResizeObserver.json +1 -56
- package/dist/api/QResponsive.json +1 -26
- package/dist/api/QRouteTab.json +1 -225
- package/dist/api/QScrollArea.json +1 -354
- package/dist/api/QScrollObserver.json +1 -140
- package/dist/api/QSelect.json +1 -1387
- package/dist/api/QSeparator.json +1 -72
- package/dist/api/QSkeleton.json +1 -127
- package/dist/api/QSlideItem.json +1 -219
- package/dist/api/QSlideTransition.json +1 -33
- package/dist/api/QSlider.json +1 -687
- package/dist/api/QSpace.json +1 -6
- package/dist/api/QSpinner.json +1 -37
- package/dist/api/QSpinnerAudio.json +1 -30
- package/dist/api/QSpinnerBall.json +1 -30
- package/dist/api/QSpinnerBars.json +1 -30
- package/dist/api/QSpinnerBox.json +1 -30
- package/dist/api/QSpinnerClock.json +1 -30
- package/dist/api/QSpinnerComment.json +1 -30
- package/dist/api/QSpinnerCube.json +1 -30
- package/dist/api/QSpinnerDots.json +1 -30
- package/dist/api/QSpinnerFacebook.json +1 -30
- package/dist/api/QSpinnerGears.json +1 -30
- package/dist/api/QSpinnerGrid.json +1 -30
- package/dist/api/QSpinnerHearts.json +1 -30
- package/dist/api/QSpinnerHourglass.json +1 -30
- package/dist/api/QSpinnerInfinity.json +1 -30
- package/dist/api/QSpinnerIos.json +1 -30
- package/dist/api/QSpinnerOrbit.json +1 -30
- package/dist/api/QSpinnerOval.json +1 -30
- package/dist/api/QSpinnerPie.json +1 -30
- package/dist/api/QSpinnerPuff.json +1 -30
- package/dist/api/QSpinnerRadio.json +1 -30
- package/dist/api/QSpinnerRings.json +1 -30
- package/dist/api/QSpinnerTail.json +1 -30
- package/dist/api/QSplitter.json +1 -146
- package/dist/api/QStep.json +1 -167
- package/dist/api/QStepper.json +1 -340
- package/dist/api/QStepperNavigation.json +1 -11
- package/dist/api/QTab.json +1 -113
- package/dist/api/QTabPanel.json +1 -39
- package/dist/api/QTabPanels.json +1 -203
- package/dist/api/QTable.json +1 -2799
- package/dist/api/QTabs.json +1 -179
- package/dist/api/QTd.json +1 -31
- package/dist/api/QTh.json +1 -26
- package/dist/api/QTime.json +1 -317
- package/dist/api/QTimeline.json +1 -57
- package/dist/api/QTimelineEntry.json +1 -105
- package/dist/api/QToggle.json +1 -230
- package/dist/api/QToolbar.json +1 -18
- package/dist/api/QToolbarTitle.json +1 -18
- package/dist/api/QTooltip.json +1 -282
- package/dist/api/QTr.json +1 -26
- package/dist/api/QTree.json +1 -599
- package/dist/api/QUploader.json +1 -665
- package/dist/api/QUploaderAddTrigger.json +1 -6
- package/dist/api/QVideo.json +1 -83
- package/dist/api/QVirtualScroll.json +1 -260
- package/dist/api/Ripple.json +1 -115
- package/dist/api/Screen.json +1 -190
- package/dist/api/Scroll.json +1 -28
- package/dist/api/ScrollFire.json +1 -24
- package/dist/api/SessionStorage.json +1 -187
- package/dist/api/TouchHold.json +1 -81
- package/dist/api/TouchPan.json +1 -178
- package/dist/api/TouchRepeat.json +1 -142
- package/dist/api/TouchSwipe.json +1 -113
- package/dist/icon-set/bootstrap-icons.umd.prod.js +3 -2
- package/dist/icon-set/eva-icons.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v5.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v6.umd.prod.js +3 -2
- package/dist/icon-set/ionicons-v4.umd.prod.js +3 -2
- package/dist/icon-set/line-awesome.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-outlined.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-round.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-sharp.umd.prod.js +3 -2
- package/dist/icon-set/material-icons.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-outlined.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-rounded.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-sharp.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v3.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v4.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v5.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v6.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v7.umd.prod.js +3 -2
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-eva-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +3 -2
- package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-line-awesome.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +3 -2
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-mdi-v7.umd.prod.js +3 -2
- package/dist/icon-set/svg-themify.umd.prod.js +3 -2
- package/dist/icon-set/themify.umd.prod.js +3 -2
- package/dist/lang/ar-TN.umd.prod.js +3 -2
- package/dist/lang/ar.umd.prod.js +3 -2
- package/dist/lang/az-Latn.umd.prod.js +3 -2
- package/dist/lang/bg.umd.prod.js +3 -2
- package/dist/lang/bn.umd.prod.js +3 -2
- package/dist/lang/ca.umd.prod.js +3 -2
- package/dist/lang/cs.umd.prod.js +3 -2
- package/dist/lang/da.umd.prod.js +3 -2
- package/dist/lang/de-CH.umd.prod.js +3 -2
- package/dist/lang/de-DE.umd.prod.js +3 -2
- package/dist/lang/de.umd.prod.js +3 -2
- package/dist/lang/el.umd.prod.js +3 -2
- package/dist/lang/en-GB.umd.prod.js +3 -2
- package/dist/lang/en-US.umd.prod.js +3 -2
- package/dist/lang/eo.umd.prod.js +3 -2
- package/dist/lang/es.umd.prod.js +3 -2
- package/dist/lang/et.umd.prod.js +3 -2
- package/dist/lang/eu.umd.prod.js +3 -2
- package/dist/lang/fa-IR.umd.prod.js +3 -2
- package/dist/lang/fa.umd.prod.js +3 -2
- package/dist/lang/fi.umd.prod.js +3 -2
- package/dist/lang/fr.umd.prod.js +3 -2
- package/dist/lang/gn.umd.prod.js +3 -2
- package/dist/lang/he.umd.prod.js +3 -2
- package/dist/lang/hi.umd.prod.js +3 -2
- package/dist/lang/hr.umd.prod.js +3 -2
- package/dist/lang/hu.umd.prod.js +3 -2
- package/dist/lang/id.umd.prod.js +3 -2
- package/dist/lang/is.umd.prod.js +3 -2
- package/dist/lang/it.umd.prod.js +3 -2
- package/dist/lang/ja.umd.prod.js +3 -2
- package/dist/lang/kk.umd.prod.js +3 -2
- package/dist/lang/km.umd.prod.js +3 -2
- package/dist/lang/ko-KR.umd.prod.js +3 -2
- package/dist/lang/kur-CKB.umd.prod.js +3 -2
- package/dist/lang/lt.umd.prod.js +3 -2
- package/dist/lang/lu.umd.prod.js +3 -2
- package/dist/lang/lv.umd.prod.js +3 -2
- package/dist/lang/mk.umd.prod.js +3 -2
- package/dist/lang/ml.umd.prod.js +3 -2
- package/dist/lang/mm.umd.prod.js +3 -2
- package/dist/lang/ms.umd.prod.js +3 -2
- package/dist/lang/my.umd.prod.js +3 -2
- package/dist/lang/nb-NO.umd.prod.js +3 -2
- package/dist/lang/nl.umd.prod.js +3 -2
- package/dist/lang/pl.umd.prod.js +3 -2
- package/dist/lang/pt-BR.umd.prod.js +3 -2
- package/dist/lang/pt.umd.prod.js +3 -2
- package/dist/lang/ro.umd.prod.js +3 -2
- package/dist/lang/ru.umd.prod.js +3 -2
- package/dist/lang/sk.umd.prod.js +3 -2
- package/dist/lang/sl.umd.prod.js +3 -2
- package/dist/lang/sm.umd.prod.js +3 -2
- package/dist/lang/sr-CYR.umd.prod.js +3 -2
- package/dist/lang/sr.umd.prod.js +3 -2
- package/dist/lang/sv.umd.prod.js +3 -2
- package/dist/lang/ta.umd.prod.js +3 -2
- package/dist/lang/th.umd.prod.js +3 -2
- package/dist/lang/tl.umd.prod.js +7 -0
- package/dist/lang/tr.umd.prod.js +3 -2
- package/dist/lang/ug.umd.prod.js +3 -2
- package/dist/lang/uk.umd.prod.js +3 -2
- package/dist/lang/uz-Cyrl.umd.prod.js +3 -2
- package/dist/lang/uz-Latn.umd.prod.js +3 -2
- package/dist/lang/vi.umd.prod.js +3 -2
- package/dist/lang/zh-CN.umd.prod.js +3 -2
- package/dist/lang/zh-TW.umd.prod.js +3 -2
- package/dist/quasar.cjs.prod.js +123 -2
- package/dist/quasar.css +25 -30
- package/dist/quasar.esm.js +16930 -26278
- package/dist/quasar.esm.prod.js +123 -2
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.css +31 -50
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +18 -25
- package/dist/quasar.umd.js +16733 -26521
- package/dist/quasar.umd.prod.js +123 -2
- package/dist/transforms/api-list.json +1 -153
- package/dist/transforms/auto-import.json +1 -267
- package/dist/transforms/import-map.json +1 -181
- package/dist/transforms/loader-asset-urls.json +1 -60
- package/dist/types/api/dialog.d.ts +1 -1
- package/dist/types/api/qinput.d.ts +1 -1
- package/dist/types/api/qtable.d.ts +1 -1
- package/dist/types/api/qtree.d.ts +1 -1
- package/dist/types/api/quploader.d.ts +1 -1
- package/dist/types/api/validation.d.ts +1 -1
- package/dist/types/api/web-storage.d.ts +6 -6
- package/dist/types/feature-flag.d.ts +1 -1
- package/dist/types/globals.d.ts +22 -15
- package/dist/types/index.d.ts +45 -36
- package/dist/types/lang.d.ts +3 -3
- package/dist/types/plugin.d.ts +3 -1
- package/dist/types/ts-helpers.d.ts +3 -3
- package/dist/types/utils/colors.d.ts +1 -1
- package/dist/types/utils/date.d.ts +10 -10
- package/dist/types/utils/dom.d.ts +1 -1
- package/dist/types/utils/run-sequential-promises.d.ts +12 -12
- package/dist/types/utils/scroll.d.ts +5 -5
- package/dist/types/utils.d.ts +15 -13
- package/dist/vetur/quasar-attributes.json +1 -5890
- package/dist/vetur/quasar-tags.json +1 -2084
- package/dist/web-types/web-types.json +1 -19595
- package/lang/index.json +1 -266
- package/lang/tl.js +98 -0
- package/lang/tl.mjs +93 -0
- package/package.json +18 -22
- package/src/body.js +6 -14
- package/src/components/ajax-bar/QAjaxBar.js +1 -1
- package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
- package/src/components/btn/QBtn.js +6 -6
- package/src/components/btn-dropdown/QBtnDropdown.json +1 -1
- package/src/components/card/QCard.sass +17 -24
- package/src/components/checkbox/use-checkbox.js +1 -1
- package/src/components/chip/QChip.js +1 -1
- package/src/components/color/QColor.js +4 -4
- package/src/components/date/QDate.js +1 -1
- package/src/components/dialog/__tests__/DialogWrapper.vue +33 -0
- package/src/components/dialog/__tests__/QDialog.cy.js +450 -36
- package/src/components/drawer/QDrawer.js +1 -1
- package/src/components/drawer/QDrawer.json +1 -1
- package/src/components/file/QFile.js +2 -2
- package/src/components/footer/QFooter.js +2 -2
- package/src/components/form/QForm.js +3 -3
- package/src/components/header/QHeader.js +1 -1
- package/src/components/img/QImg.js +47 -39
- package/src/components/img/QImg.json +9 -0
- package/src/components/inner-loading/QInnerLoading.js +1 -1
- package/src/components/inner-loading/QInnerLoading.sass +1 -0
- package/src/components/input/use-mask.js +3 -3
- package/src/components/menu/QMenu.json +1 -1
- package/src/components/no-ssr/QNoSsr.js +4 -4
- package/src/components/page-sticky/use-page-sticky.js +4 -4
- package/src/components/popup-edit/QPopupEdit.js +1 -1
- package/src/components/resize-observer/QResizeObserver.js +1 -0
- package/src/components/scroll-area/QScrollArea.js +1 -1
- package/src/components/select/QSelect.js +9 -9
- package/src/components/table/QTd.js +1 -1
- package/src/components/table/QTh.js +1 -1
- package/src/components/tabs/QTabs.js +3 -3
- package/src/components/time/QTime.js +3 -3
- package/src/components/tooltip/QTooltip.js +4 -2
- package/src/components/tooltip/QTooltip.json +6 -0
- package/src/components/tree/QTree.js +1 -1
- package/src/components/uploader/uploader-core.js +2 -2
- package/src/components/uploader/xhr-uploader-plugin.js +1 -1
- package/src/components/virtual-scroll/use-virtual-scroll.js +3 -3
- package/src/composables/private/__tests__/use-model-toggle.cy.js +43 -3
- package/src/composables/private/use-anchor.js +1 -1
- package/src/composables/private/use-key-composition.js +1 -1
- package/src/composables/private/use-panel.js +1 -1
- package/src/composables/private/use-portal.js +1 -1
- package/src/composables/private/use-router-link.js +1 -1
- package/src/directives/TouchPan.js +1 -1
- package/src/history.js +1 -1
- package/src/index.umd.js +5 -1
- package/src/lang.js +1 -1
- package/src/plugins/BottomSheet.json +1 -1
- package/src/plugins/Cookies.js +1 -1
- package/src/plugins/Dark.js +1 -1
- package/src/plugins/Loading.js +1 -1
- package/src/plugins/LoadingBar.js +1 -1
- package/src/plugins/Notify.js +4 -4
- package/src/plugins/Platform.js +111 -93
- package/src/plugins/Screen.js +1 -1
- package/src/utils/event.js +1 -1
- package/src/utils/frame-debounce.js +1 -1
- package/src/utils/morph.js +1 -1
- package/src/utils/private/click-outside.js +1 -1
- package/src/utils/private/escape-key.js +1 -1
- package/src/utils/private/focusout.js +1 -1
package/dist/api/QFab.json
CHANGED
|
@@ -1,352 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/floating-action-button"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"type": {
|
|
8
|
-
"type": "String",
|
|
9
|
-
"desc": "Define the button HTML DOM type",
|
|
10
|
-
"default": "a",
|
|
11
|
-
"values": [
|
|
12
|
-
"a",
|
|
13
|
-
"submit",
|
|
14
|
-
"button",
|
|
15
|
-
"reset"
|
|
16
|
-
],
|
|
17
|
-
"category": "general",
|
|
18
|
-
"required": false
|
|
19
|
-
},
|
|
20
|
-
"outline": {
|
|
21
|
-
"type": "Boolean",
|
|
22
|
-
"desc": "Use 'outline' design for Fab button",
|
|
23
|
-
"category": "style"
|
|
24
|
-
},
|
|
25
|
-
"push": {
|
|
26
|
-
"type": "Boolean",
|
|
27
|
-
"desc": "Use 'push' design for Fab button",
|
|
28
|
-
"category": "style"
|
|
29
|
-
},
|
|
30
|
-
"flat": {
|
|
31
|
-
"type": "Boolean",
|
|
32
|
-
"desc": "Use 'flat' design for Fab button",
|
|
33
|
-
"category": "style"
|
|
34
|
-
},
|
|
35
|
-
"unelevated": {
|
|
36
|
-
"type": "Boolean",
|
|
37
|
-
"desc": "Remove shadow",
|
|
38
|
-
"category": "style"
|
|
39
|
-
},
|
|
40
|
-
"padding": {
|
|
41
|
-
"type": "String",
|
|
42
|
-
"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",
|
|
43
|
-
"examples": [
|
|
44
|
-
"16px",
|
|
45
|
-
"10px 5px",
|
|
46
|
-
"2rem",
|
|
47
|
-
"xs",
|
|
48
|
-
"md lg"
|
|
49
|
-
],
|
|
50
|
-
"category": "style"
|
|
51
|
-
},
|
|
52
|
-
"color": {
|
|
53
|
-
"type": "String",
|
|
54
|
-
"tsType": "NamedColor",
|
|
55
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
56
|
-
"examples": [
|
|
57
|
-
"primary",
|
|
58
|
-
"teal",
|
|
59
|
-
"teal-10"
|
|
60
|
-
],
|
|
61
|
-
"category": "style"
|
|
62
|
-
},
|
|
63
|
-
"text-color": {
|
|
64
|
-
"type": "String",
|
|
65
|
-
"tsType": "NamedColor",
|
|
66
|
-
"desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
|
|
67
|
-
"examples": [
|
|
68
|
-
"primary",
|
|
69
|
-
"teal",
|
|
70
|
-
"teal-10"
|
|
71
|
-
],
|
|
72
|
-
"category": "style"
|
|
73
|
-
},
|
|
74
|
-
"glossy": {
|
|
75
|
-
"type": "Boolean",
|
|
76
|
-
"desc": "Apply the glossy effect over the button",
|
|
77
|
-
"category": "style"
|
|
78
|
-
},
|
|
79
|
-
"external-label": {
|
|
80
|
-
"type": "Boolean",
|
|
81
|
-
"desc": "Display label besides the FABs, as external content",
|
|
82
|
-
"category": "style|content"
|
|
83
|
-
},
|
|
84
|
-
"label": {
|
|
85
|
-
"type": [
|
|
86
|
-
"String",
|
|
87
|
-
"Number"
|
|
88
|
-
],
|
|
89
|
-
"desc": "The label that will be shown when Fab is extended",
|
|
90
|
-
"examples": [
|
|
91
|
-
"Button Label"
|
|
92
|
-
],
|
|
93
|
-
"category": "content"
|
|
94
|
-
},
|
|
95
|
-
"label-position": {
|
|
96
|
-
"type": "String",
|
|
97
|
-
"desc": "Position of the label around the icon",
|
|
98
|
-
"values": [
|
|
99
|
-
"top",
|
|
100
|
-
"right",
|
|
101
|
-
"bottom",
|
|
102
|
-
"left"
|
|
103
|
-
],
|
|
104
|
-
"category": "style|content"
|
|
105
|
-
},
|
|
106
|
-
"hide-label": {
|
|
107
|
-
"type": [
|
|
108
|
-
"Boolean",
|
|
109
|
-
"null"
|
|
110
|
-
],
|
|
111
|
-
"default": null,
|
|
112
|
-
"desc": "Hide the label; Useful for animation purposes where you toggle the visibility of the label",
|
|
113
|
-
"category": "style|content",
|
|
114
|
-
"required": false
|
|
115
|
-
},
|
|
116
|
-
"label-class": {
|
|
117
|
-
"type": [
|
|
118
|
-
"String",
|
|
119
|
-
"Array",
|
|
120
|
-
"Object"
|
|
121
|
-
],
|
|
122
|
-
"tsType": "VueClassProp",
|
|
123
|
-
"desc": "Class definitions to be attributed to the label container",
|
|
124
|
-
"examples": [
|
|
125
|
-
"my-special-class",
|
|
126
|
-
":input-class=\"{ 'my-special-class': <condition> }\""
|
|
127
|
-
],
|
|
128
|
-
"category": "style"
|
|
129
|
-
},
|
|
130
|
-
"label-style": {
|
|
131
|
-
"type": [
|
|
132
|
-
"String",
|
|
133
|
-
"Array",
|
|
134
|
-
"Object"
|
|
135
|
-
],
|
|
136
|
-
"tsType": "VueStyleProp",
|
|
137
|
-
"desc": "Style definitions to be attributed to the label container",
|
|
138
|
-
"examples": [
|
|
139
|
-
"background-color: #ff0000",
|
|
140
|
-
":input-style=\"{ backgroundColor: '#ff0000' }\""
|
|
141
|
-
],
|
|
142
|
-
"category": "style"
|
|
143
|
-
},
|
|
144
|
-
"square": {
|
|
145
|
-
"type": "Boolean",
|
|
146
|
-
"desc": "Apply a rectangle aspect to the FAB",
|
|
147
|
-
"category": "style"
|
|
148
|
-
},
|
|
149
|
-
"disable": {
|
|
150
|
-
"type": "Boolean",
|
|
151
|
-
"desc": "Put component in disabled mode",
|
|
152
|
-
"category": "state"
|
|
153
|
-
},
|
|
154
|
-
"tabindex": {
|
|
155
|
-
"type": [
|
|
156
|
-
"Number",
|
|
157
|
-
"String"
|
|
158
|
-
],
|
|
159
|
-
"desc": "Tabindex HTML attribute value",
|
|
160
|
-
"examples": [
|
|
161
|
-
"0",
|
|
162
|
-
"100"
|
|
163
|
-
],
|
|
164
|
-
"category": "general"
|
|
165
|
-
},
|
|
166
|
-
"model-value": {
|
|
167
|
-
"desc": "Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event",
|
|
168
|
-
"required": false,
|
|
169
|
-
"syncable": true,
|
|
170
|
-
"category": "model",
|
|
171
|
-
"type": "Boolean"
|
|
172
|
-
},
|
|
173
|
-
"icon": {
|
|
174
|
-
"type": "String",
|
|
175
|
-
"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)",
|
|
176
|
-
"examples": [
|
|
177
|
-
"map",
|
|
178
|
-
"ion-add",
|
|
179
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
180
|
-
"img:path/to/some_image.png"
|
|
181
|
-
],
|
|
182
|
-
"category": "content"
|
|
183
|
-
},
|
|
184
|
-
"active-icon": {
|
|
185
|
-
"type": "String",
|
|
186
|
-
"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)",
|
|
187
|
-
"examples": [
|
|
188
|
-
"map",
|
|
189
|
-
"ion-add",
|
|
190
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
191
|
-
"img:path/to/some_image.png"
|
|
192
|
-
],
|
|
193
|
-
"category": "content"
|
|
194
|
-
},
|
|
195
|
-
"hide-icon": {
|
|
196
|
-
"type": "Boolean",
|
|
197
|
-
"desc": "Hide the icon (don't use any)",
|
|
198
|
-
"category": "style|content"
|
|
199
|
-
},
|
|
200
|
-
"direction": {
|
|
201
|
-
"type": "String",
|
|
202
|
-
"desc": "Direction to expand Fab Actions to",
|
|
203
|
-
"default": "right",
|
|
204
|
-
"values": [
|
|
205
|
-
"up",
|
|
206
|
-
"right",
|
|
207
|
-
"down",
|
|
208
|
-
"left"
|
|
209
|
-
],
|
|
210
|
-
"category": "behavior",
|
|
211
|
-
"required": false
|
|
212
|
-
},
|
|
213
|
-
"vertical-actions-align": {
|
|
214
|
-
"type": "String",
|
|
215
|
-
"desc": "The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')",
|
|
216
|
-
"default": "center",
|
|
217
|
-
"values": [
|
|
218
|
-
"left",
|
|
219
|
-
"center",
|
|
220
|
-
"right"
|
|
221
|
-
],
|
|
222
|
-
"category": "style|content",
|
|
223
|
-
"required": false
|
|
224
|
-
},
|
|
225
|
-
"persistent": {
|
|
226
|
-
"type": "Boolean",
|
|
227
|
-
"desc": "By default, Fab Actions are hidden when user navigates to another route and this prop disables this behavior",
|
|
228
|
-
"category": "behavior"
|
|
229
|
-
}
|
|
230
|
-
},
|
|
231
|
-
"slots": {
|
|
232
|
-
"default": {
|
|
233
|
-
"desc": "This is where QFabActions may go into"
|
|
234
|
-
},
|
|
235
|
-
"tooltip": {
|
|
236
|
-
"desc": "Slot specifically designed for a QTooltip"
|
|
237
|
-
},
|
|
238
|
-
"icon": {
|
|
239
|
-
"desc": "Slot for icon shown when FAB is closed; Suggestion: QIcon",
|
|
240
|
-
"scope": {
|
|
241
|
-
"opened": {
|
|
242
|
-
"type": "Boolean",
|
|
243
|
-
"desc": "FAB is opened"
|
|
244
|
-
}
|
|
245
|
-
},
|
|
246
|
-
"addedIn": "v2.4"
|
|
247
|
-
},
|
|
248
|
-
"active-icon": {
|
|
249
|
-
"desc": "Slot for icon shown when FAB is opened; Suggestion: QIcon",
|
|
250
|
-
"scope": {
|
|
251
|
-
"opened": {
|
|
252
|
-
"type": "Boolean",
|
|
253
|
-
"desc": "FAB is opened"
|
|
254
|
-
}
|
|
255
|
-
},
|
|
256
|
-
"addedIn": "v2.4"
|
|
257
|
-
},
|
|
258
|
-
"label": {
|
|
259
|
-
"desc": "Slot for label",
|
|
260
|
-
"scope": {
|
|
261
|
-
"opened": {
|
|
262
|
-
"type": "Boolean",
|
|
263
|
-
"desc": "FAB is opened"
|
|
264
|
-
}
|
|
265
|
-
},
|
|
266
|
-
"addedIn": "v2.4"
|
|
267
|
-
}
|
|
268
|
-
},
|
|
269
|
-
"events": {
|
|
270
|
-
"update:model-value": {
|
|
271
|
-
"desc": "Emitted when fab actions are shown/hidden; Captured by v-model directive",
|
|
272
|
-
"params": {
|
|
273
|
-
"value": {
|
|
274
|
-
"type": "Boolean",
|
|
275
|
-
"desc": "New state (showing/hidden)"
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
},
|
|
279
|
-
"show": {
|
|
280
|
-
"desc": "Emitted after component has triggered show()",
|
|
281
|
-
"params": {
|
|
282
|
-
"evt": {
|
|
283
|
-
"type": "Event",
|
|
284
|
-
"desc": "JS event object",
|
|
285
|
-
"required": true
|
|
286
|
-
}
|
|
287
|
-
}
|
|
288
|
-
},
|
|
289
|
-
"before-show": {
|
|
290
|
-
"desc": "Emitted when component triggers show() but before it finishes doing it",
|
|
291
|
-
"params": {
|
|
292
|
-
"evt": {
|
|
293
|
-
"type": "Event",
|
|
294
|
-
"desc": "JS event object",
|
|
295
|
-
"required": true
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
},
|
|
299
|
-
"hide": {
|
|
300
|
-
"desc": "Emitted after component has triggered hide()",
|
|
301
|
-
"params": {
|
|
302
|
-
"evt": {
|
|
303
|
-
"type": "Event",
|
|
304
|
-
"desc": "JS event object",
|
|
305
|
-
"required": true
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
},
|
|
309
|
-
"before-hide": {
|
|
310
|
-
"desc": "Emitted when component triggers hide() but before it finishes doing it",
|
|
311
|
-
"params": {
|
|
312
|
-
"evt": {
|
|
313
|
-
"type": "Event",
|
|
314
|
-
"desc": "JS event object",
|
|
315
|
-
"required": true
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
},
|
|
320
|
-
"methods": {
|
|
321
|
-
"show": {
|
|
322
|
-
"desc": "Expands fab actions list",
|
|
323
|
-
"params": {
|
|
324
|
-
"evt": {
|
|
325
|
-
"type": "Event",
|
|
326
|
-
"desc": "JS event object",
|
|
327
|
-
"required": false
|
|
328
|
-
}
|
|
329
|
-
}
|
|
330
|
-
},
|
|
331
|
-
"hide": {
|
|
332
|
-
"desc": "Collapses fab actions list",
|
|
333
|
-
"params": {
|
|
334
|
-
"evt": {
|
|
335
|
-
"type": "Event",
|
|
336
|
-
"desc": "JS event object",
|
|
337
|
-
"required": false
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
},
|
|
341
|
-
"toggle": {
|
|
342
|
-
"params": {
|
|
343
|
-
"evt": {
|
|
344
|
-
"type": "Event",
|
|
345
|
-
"desc": "JS event object",
|
|
346
|
-
"required": false
|
|
347
|
-
}
|
|
348
|
-
},
|
|
349
|
-
"desc": "Triggers component to toggle between show/hide"
|
|
350
|
-
}
|
|
351
|
-
}
|
|
352
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"a","values":["a","submit","button","reset"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","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"],"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"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["Button Label"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["top","right","bottom","left"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":null,"desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"model-value":{"desc":"Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event","required":false,"syncable":true,"category":"model","type":"Boolean"},"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"},"active-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"},"hide-icon":{"type":"Boolean","desc":"Hide the icon (don't use any)","category":"style|content"},"direction":{"type":"String","desc":"Direction to expand Fab Actions to","default":"right","values":["up","right","down","left"],"category":"behavior","required":false},"vertical-actions-align":{"type":"String","desc":"The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')","default":"center","values":["left","center","right"],"category":"style|content","required":false},"persistent":{"type":"Boolean","desc":"By default, Fab Actions are hidden when user navigates to another route and this prop disables this behavior","category":"behavior"}},"slots":{"default":{"desc":"This is where QFabActions may go into"},"tooltip":{"desc":"Slot specifically designed for a QTooltip"},"icon":{"desc":"Slot for icon shown when FAB is closed; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"active-icon":{"desc":"Slot for icon shown when FAB is opened; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"label":{"desc":"Slot for label","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"}},"events":{"update:model-value":{"desc":"Emitted when fab actions are shown/hidden; Captured by v-model directive","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Expands fab actions list","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Collapses fab actions list","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"}}}
|
package/dist/api/QFabAction.json
CHANGED
|
@@ -1,241 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "component",
|
|
3
|
-
"meta": {
|
|
4
|
-
"docsUrl": "https://v2.quasar.dev/vue-components/floating-action-button"
|
|
5
|
-
},
|
|
6
|
-
"props": {
|
|
7
|
-
"type": {
|
|
8
|
-
"type": "String",
|
|
9
|
-
"desc": "Define the button HTML DOM type",
|
|
10
|
-
"default": "a",
|
|
11
|
-
"values": [
|
|
12
|
-
"a",
|
|
13
|
-
"submit",
|
|
14
|
-
"button",
|
|
15
|
-
"reset"
|
|
16
|
-
],
|
|
17
|
-
"category": "general",
|
|
18
|
-
"required": false
|
|
19
|
-
},
|
|
20
|
-
"outline": {
|
|
21
|
-
"type": "Boolean",
|
|
22
|
-
"desc": "Use 'outline' design for Fab button",
|
|
23
|
-
"category": "style"
|
|
24
|
-
},
|
|
25
|
-
"push": {
|
|
26
|
-
"type": "Boolean",
|
|
27
|
-
"desc": "Use 'push' design for Fab button",
|
|
28
|
-
"category": "style"
|
|
29
|
-
},
|
|
30
|
-
"flat": {
|
|
31
|
-
"type": "Boolean",
|
|
32
|
-
"desc": "Use 'flat' design for Fab button",
|
|
33
|
-
"category": "style"
|
|
34
|
-
},
|
|
35
|
-
"unelevated": {
|
|
36
|
-
"type": "Boolean",
|
|
37
|
-
"desc": "Remove shadow",
|
|
38
|
-
"category": "style"
|
|
39
|
-
},
|
|
40
|
-
"padding": {
|
|
41
|
-
"type": "String",
|
|
42
|
-
"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",
|
|
43
|
-
"examples": [
|
|
44
|
-
"16px",
|
|
45
|
-
"10px 5px",
|
|
46
|
-
"2rem",
|
|
47
|
-
"xs",
|
|
48
|
-
"md lg"
|
|
49
|
-
],
|
|
50
|
-
"category": "style"
|
|
51
|
-
},
|
|
52
|
-
"color": {
|
|
53
|
-
"type": "String",
|
|
54
|
-
"tsType": "NamedColor",
|
|
55
|
-
"desc": "Color name for component from the Quasar Color Palette",
|
|
56
|
-
"examples": [
|
|
57
|
-
"primary",
|
|
58
|
-
"teal",
|
|
59
|
-
"teal-10"
|
|
60
|
-
],
|
|
61
|
-
"category": "style"
|
|
62
|
-
},
|
|
63
|
-
"text-color": {
|
|
64
|
-
"type": "String",
|
|
65
|
-
"tsType": "NamedColor",
|
|
66
|
-
"desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
|
|
67
|
-
"examples": [
|
|
68
|
-
"primary",
|
|
69
|
-
"teal",
|
|
70
|
-
"teal-10"
|
|
71
|
-
],
|
|
72
|
-
"category": "style"
|
|
73
|
-
},
|
|
74
|
-
"glossy": {
|
|
75
|
-
"type": "Boolean",
|
|
76
|
-
"desc": "Apply the glossy effect over the button",
|
|
77
|
-
"category": "style"
|
|
78
|
-
},
|
|
79
|
-
"external-label": {
|
|
80
|
-
"type": "Boolean",
|
|
81
|
-
"desc": "Display label besides the FABs, as external content",
|
|
82
|
-
"category": "style|content"
|
|
83
|
-
},
|
|
84
|
-
"label": {
|
|
85
|
-
"type": [
|
|
86
|
-
"String",
|
|
87
|
-
"Number"
|
|
88
|
-
],
|
|
89
|
-
"desc": "The label that will be shown when Fab is extended",
|
|
90
|
-
"examples": [
|
|
91
|
-
"Button Label"
|
|
92
|
-
],
|
|
93
|
-
"category": "content"
|
|
94
|
-
},
|
|
95
|
-
"label-position": {
|
|
96
|
-
"type": "String",
|
|
97
|
-
"desc": "Position of the label around the icon",
|
|
98
|
-
"values": [
|
|
99
|
-
"top",
|
|
100
|
-
"right",
|
|
101
|
-
"bottom",
|
|
102
|
-
"left"
|
|
103
|
-
],
|
|
104
|
-
"category": "style|content"
|
|
105
|
-
},
|
|
106
|
-
"hide-label": {
|
|
107
|
-
"type": [
|
|
108
|
-
"Boolean",
|
|
109
|
-
"null"
|
|
110
|
-
],
|
|
111
|
-
"default": null,
|
|
112
|
-
"desc": "Hide the label; Useful for animation purposes where you toggle the visibility of the label",
|
|
113
|
-
"category": "style|content",
|
|
114
|
-
"required": false
|
|
115
|
-
},
|
|
116
|
-
"label-class": {
|
|
117
|
-
"type": [
|
|
118
|
-
"String",
|
|
119
|
-
"Array",
|
|
120
|
-
"Object"
|
|
121
|
-
],
|
|
122
|
-
"tsType": "VueClassProp",
|
|
123
|
-
"desc": "Class definitions to be attributed to the label container",
|
|
124
|
-
"examples": [
|
|
125
|
-
"my-special-class",
|
|
126
|
-
":input-class=\"{ 'my-special-class': <condition> }\""
|
|
127
|
-
],
|
|
128
|
-
"category": "style"
|
|
129
|
-
},
|
|
130
|
-
"label-style": {
|
|
131
|
-
"type": [
|
|
132
|
-
"String",
|
|
133
|
-
"Array",
|
|
134
|
-
"Object"
|
|
135
|
-
],
|
|
136
|
-
"tsType": "VueStyleProp",
|
|
137
|
-
"desc": "Style definitions to be attributed to the label container",
|
|
138
|
-
"examples": [
|
|
139
|
-
"background-color: #ff0000",
|
|
140
|
-
":input-style=\"{ backgroundColor: '#ff0000' }\""
|
|
141
|
-
],
|
|
142
|
-
"category": "style"
|
|
143
|
-
},
|
|
144
|
-
"square": {
|
|
145
|
-
"type": "Boolean",
|
|
146
|
-
"desc": "Apply a rectangle aspect to the FAB",
|
|
147
|
-
"category": "style"
|
|
148
|
-
},
|
|
149
|
-
"disable": {
|
|
150
|
-
"type": "Boolean",
|
|
151
|
-
"desc": "Put component in disabled mode",
|
|
152
|
-
"category": "state"
|
|
153
|
-
},
|
|
154
|
-
"tabindex": {
|
|
155
|
-
"type": [
|
|
156
|
-
"Number",
|
|
157
|
-
"String"
|
|
158
|
-
],
|
|
159
|
-
"desc": "Tabindex HTML attribute value",
|
|
160
|
-
"examples": [
|
|
161
|
-
"0",
|
|
162
|
-
"100"
|
|
163
|
-
],
|
|
164
|
-
"category": "general"
|
|
165
|
-
},
|
|
166
|
-
"icon": {
|
|
167
|
-
"type": "String",
|
|
168
|
-
"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)",
|
|
169
|
-
"examples": [
|
|
170
|
-
"map",
|
|
171
|
-
"ion-add",
|
|
172
|
-
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
173
|
-
"img:path/to/some_image.png"
|
|
174
|
-
],
|
|
175
|
-
"category": "content"
|
|
176
|
-
},
|
|
177
|
-
"anchor": {
|
|
178
|
-
"type": "String",
|
|
179
|
-
"desc": "How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab",
|
|
180
|
-
"values": [
|
|
181
|
-
"start",
|
|
182
|
-
"center",
|
|
183
|
-
"end"
|
|
184
|
-
],
|
|
185
|
-
"category": "style|content"
|
|
186
|
-
},
|
|
187
|
-
"to": {
|
|
188
|
-
"type": [
|
|
189
|
-
"String",
|
|
190
|
-
"Object"
|
|
191
|
-
],
|
|
192
|
-
"desc": "Equivalent to Vue Router <router-link> 'to' property",
|
|
193
|
-
"examples": [
|
|
194
|
-
"/home/dashboard",
|
|
195
|
-
":to=\"{ name: 'my-route-name' }\""
|
|
196
|
-
],
|
|
197
|
-
"category": "router"
|
|
198
|
-
},
|
|
199
|
-
"replace": {
|
|
200
|
-
"type": "Boolean",
|
|
201
|
-
"desc": "Equivalent to Vue Router <router-link> 'replace' property",
|
|
202
|
-
"category": "router"
|
|
203
|
-
}
|
|
204
|
-
},
|
|
205
|
-
"slots": {
|
|
206
|
-
"default": {
|
|
207
|
-
"desc": "Suggestion for this slot: QTooltip"
|
|
208
|
-
},
|
|
209
|
-
"icon": {
|
|
210
|
-
"desc": "Slot for icon; Suggestion: QIcon",
|
|
211
|
-
"addedIn": "v2.4"
|
|
212
|
-
},
|
|
213
|
-
"label": {
|
|
214
|
-
"desc": "Slot for label",
|
|
215
|
-
"addedIn": "v2.4"
|
|
216
|
-
}
|
|
217
|
-
},
|
|
218
|
-
"events": {
|
|
219
|
-
"click": {
|
|
220
|
-
"desc": "Emitted when user clicks/taps on the component",
|
|
221
|
-
"params": {
|
|
222
|
-
"evt": {
|
|
223
|
-
"type": "Event",
|
|
224
|
-
"desc": "JS event object",
|
|
225
|
-
"required": true
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
},
|
|
230
|
-
"methods": {
|
|
231
|
-
"click": {
|
|
232
|
-
"desc": "Emulate click on QFabAction",
|
|
233
|
-
"params": {
|
|
234
|
-
"evt": {
|
|
235
|
-
"type": "Event",
|
|
236
|
-
"desc": "JS event object"
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"a","values":["a","submit","button","reset"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","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"],"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"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["Button Label"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["top","right","bottom","left"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":null,"desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"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"},"anchor":{"type":"String","desc":"How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab","values":["start","center","end"],"category":"style|content"},"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property","examples":["/home/dashboard",":to=\"{ name: 'my-route-name' }\""],"category":"router"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property","category":"router"}},"slots":{"default":{"desc":"Suggestion for this slot: QTooltip"},"icon":{"desc":"Slot for icon; Suggestion: QIcon","addedIn":"v2.4"},"label":{"desc":"Slot for label","addedIn":"v2.4"}},"events":{"click":{"desc":"Emitted when user clicks/taps on the component","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"click":{"desc":"Emulate click on QFabAction","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}
|