quasar/dist/api/QSkeleton.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{
  "type": "component",
  "meta": {
    "docsUrl": "https://v1.quasar.dev/vue-components/skeleton"
  },
  "behavior": {
    "$listeners": {
      "desc": "All native events are being propagated (you don't need the '.native' modifier)"
    }
  },
  "addedIn": "v1.6.0",
  "props": {
    "tag": {
      "type": "String",
      "desc": "HTML tag to render",
      "default": "div",
      "category": "content",
      "examples": [
        "div",
        "span"
      ]
    },
    "dark": {
      "type": "Boolean",
      "desc": "Notify the component that the background is a dark color",
      "category": "style"
    },
    "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"
    },
    "square": {
      "type": "Boolean",
      "desc": "Removes border-radius so borders are squared",
      "category": "style"
    },
    "bordered": {
      "type": "Boolean",
      "desc": "Applies a default border to the component",
      "category": "style"
    },
    "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"
    }
  },
  "slots": {
    "default": {
      "desc": "Default slot in the devland unslotted content of the component"
    }
  }
}