quasar/dist/api/QSeparator.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/separator"
  },
  "behavior": {
    "$listeners": {
      "desc": "All native events are being propagated (you don't need the '.native' modifier)"
    }
  },
  "props": {
    "dark": {
      "type": "Boolean",
      "desc": "Notify the component that the background is a dark color",
      "category": "style"
    },
    "spaced": {
      "type": [
        "Boolean",
        "String"
      ],
      "desc": "If set to true, the corresponding direction margins will be set to 8px; It can also be set to a size in CSS units, including unit name, or one of the xs|sm|md|lg|xl predefined sizes",
      "default": "md",
      "examples": [
        "12px",
        "sm",
        "md"
      ],
      "category": "content"
    },
    "inset": {
      "type": [
        "Boolean",
        "String"
      ],
      "desc": "if set to true, the left and right margins will be set to 16px. If set to item, the left and right margins will be set to 72px. If set to item-thumbnail, the left margin is set to 116px and right margin is set to 0px",
      "examples": [
        "item",
        "item-thumbnail"
      ],
      "category": "content"
    },
    "vertical": {
      "type": "Boolean",
      "desc": "If set to true, the separator will be vertical.",
      "category": "content"
    },
    "size": {
      "type": "String",
      "desc": "Size in CSS units, including unit name",
      "examples": [
        "16px",
        "2rem"
      ],
      "category": "style",
      "addedIn": "v1.12.0"
    },
    "color": {
      "type": "String",
      "desc": "Color name for component from the Quasar Color Palette",
      "examples": [
        "primary",
        "teal-10"
      ],
      "category": "style"
    }
  }
}