quasar/ui/src/components/inner-loading/QInnerLoading.json at dev · hipertracker/quasar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
{
  "mixins": [ "composables/private/use-size", "composables/private/use-transition" ],

  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/inner-loading"
  },

  "props": {
    "showing": {
      "type": "Boolean",
      "desc": "State - loading or not",
      "category": "state"
    },

    "color": {
      "extends": "color",
      "desc": "Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)"
    },

    "size": {
      "desc": "Size in CSS units, including unit name, or standard size name (xs|sm|md|lg|xl), for the inner Spinner (unless using the default slot)",
      "default": "42px"
    },

    "label": {
      "type": "String",
      "desc": "Add a label; Gets overriden when using the default slot",
      "examples": [ "Please wait..." ],
      "category": "label",
      "addedIn": "v2.2"
    },

    "label-class": {
      "type": "String",
      "desc": "Add CSS class(es) to the label; Works along the 'label' prop only",
      "examples": [
        "text-red q-mt-xl"
      ],
      "category": "label",
      "addedIn": "v2.2"
    },

    "label-style": {
      "type": [ "String", "Array", "Object" ],
      "tsType": "VueStyleProp",
      "desc": "Apply custom style to the label; Works along the 'label' prop only",
      "examples": [
        "font-size: 28px",
        ":label-style=\"{ color: '#ff0000' }\""
      ],
      "category": "label",
      "addedIn": "v2.2"
    },

    "dark": {
      "extends": "dark"
    }
  },

  "slots": {
    "default": {
      "desc": "Default slot is used for replacing default Spinner; Suggestions: a spinner or text"
    }
  }
}