quasar
Version:
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
83 lines (71 loc) • 1.92 kB
JSON
{
"meta": {
"docsUrl": "https://v2.quasar.dev/vue-components/skeleton"
},
"props": {
"dark": {
"extends": "dark"
},
"type": {
"type": "String",
"desc": "Type of skeleton placeholder",
"values": [
"text", "rect", "circle",
"QBtn", "QBadge", "QChip", "QToolbar",
"QCheckbox", "QRadio", "QToggle",
"QSlider", "QRange", "QInput",
"QAvatar"
],
"default": "rect",
"category": "content"
},
"animation": {
"type": "String",
"desc": "The animation effect of the skeleton placeholder",
"values": [
"wave", "pulse", "pulse-x", "pulse-y", "fade", "blink", "none"
],
"default": "wave",
"category": "style"
},
"animation-speed": {
"extends": "animation-speed",
"default": 300,
"addedIn": "v2.2"
},
"square": {
"extends": "square"
},
"bordered": {
"extends": "bordered"
},
"size": {
"type": "String",
"desc": "Size in CSS units, including unit name; Overrides 'height' and 'width' props and applies the value to both height and width",
"examples": [ "16px", "2rem" ],
"category": "style"
},
"width": {
"type": "String",
"desc": "Width in CSS units, including unit name; Apply custom width; Use this prop or through CSS; Overridden by 'size' prop if used",
"examples": [ "16px", "2rem" ],
"category": "style"
},
"height": {
"type": "String",
"desc": "Height in CSS units, including unit name; Apply custom height; Use this prop or through CSS; Overridden by 'size' prop if used",
"examples": [ "16px", "2rem" ],
"category": "style"
},
"tag": {
"extends": "tag",
"default": "div",
"examples": [ "div", "span" ]
}
},
"slots": {
"default": {
"extends": "default"
}
}
}