{
  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/badge"
  },
  "props": {
    "color": {
      "extends": "color"
    },
    "text-color": {
      "extends": "text-color"
    },
    "floating": {
      "type": "Boolean",
      "desc": "Tell QBadge if it should float to the top right side of the relative positioned parent element or not",
      "category": "content"
    },
    "transparent": {
      "type": "Boolean",
      "desc": "Applies a 0.8 opacity; Useful especially for floating QBadge",
      "category": "style"
    },
    "multi-line": {
      "type": "Boolean",
      "desc": "Content can wrap to multiple lines",
      "category": "content"
    },
    "label": {
      "type": [
        "String",
        "Number"
      ],
      "desc": "Badge's content as string; overrides default slot if specified",
      "examples": [
        "'John Doe'",
        "22"
      ],
      "category": "content"
    },
    "align": {
      "type": "String",
      "desc": "Sets vertical-align CSS prop",
      "values": [
        "'top'",
        "'middle'",
        "'bottom'"
      ],
      "category": "content"
    },
    "outline": {
      "type": "Boolean",
      "desc": "Use 'outline' design (colored text and borders only)",
      "category": "style"
    },
    "rounded": {
      "type": "Boolean",
      "desc": "Makes a rounded shaped badge",
      "category": "style"
    }
  },
  "slots": {
    "default": {
      "desc": "This is where QBadge content goes, if not using 'label' property"
    }
  }
}