quasar/ui/src/mixins/fab.json at v1 · 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
{
  "meta": {
    "docsUrl": "https://v1.quasar.dev/vue-components/floating-action-button"
  },

  "behavior": {
    "$listeners": true
  },

  "props": {
    "type":{
      "type": "String",
      "desc": "Define the button HTML DOM type",
      "default": "a",
      "values": [
        "a", "submit", "button", "reset"
      ],
      "category": "general"
    },

    "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",
      "addedIn": "v1.9.0"
    },

    "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",
      "addedIn": "v1.11.0"
    },

    "color": {
      "extends": "color"
    },

    "text-color": {
      "extends": "text-color"
    },

    "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",
      "addedIn": "v1.9.0"
    },

    "label": {
      "type": [ "String", "Number" ],
      "desc": "The label that will be shown when Fab is extended",
      "default": "",
      "examples": [ "Button Label" ],
      "category": "content",
      "addedIn": "v1.9.0"
    },

    "label-position": {
      "type": "String",
      "desc": "Position of the label around the icon",
      "values": [ "top", "right", "bottom", "left" ],
      "category": "style|content",
      "addedIn": "v1.9.0"
    },

    "hide-label": {
      "type": "Boolean",
      "desc": "Hide the label; Useful for animation purposes where you toggle the visibility of the label",
      "category": "style|content",
      "addedIn": "v1.9.0"
    },

    "label-class": {
      "type": [ "Array", "String", "Object" ],
      "desc": "Class definitions to be attributed to the label container",
      "examples": [
        "my-special-class",
        ":input-class=\"{ 'my-special-class': <condition> }\""
      ],
      "category": "style",
      "addedIn": "v1.9.0"
    },

    "label-style": {
      "type": [ "Array", "String", "Object" ],
      "desc": "Style definitions to be attributed to the label container",
      "examples": [
        "background-color: #ff0000",
        ":input-style=\"{ backgroundColor: '#ff0000' }\""
      ],
      "category": "style",
      "addedIn": "v1.9.0"
    },

    "square": {
      "type": "Boolean",
      "desc": "Apply a rectangle aspect to the FAB",
      "category": "style",
      "addedIn": "v1.9.0"
    },

    "disable": {
      "extends": "disable"
    },

    "tabindex": {
      "extends": "tabindex",
      "addedIn": "v1.13.0"
    }
  }
}