quasar/dist/api/QTimeline.json

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

{
  "type": "component",
  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/timeline"
  },
  "props": {
    "color": {
      "type": "String",
      "desc": "Color name for component from the Quasar Color Palette",
      "examples": [
        "primary",
        "teal-10"
      ],
      "category": "style"
    },
    "side": {
      "type": "String",
      "desc": "Side to place the timeline entries in dense and comfortable layout; For loose layout it gets overridden by QTimelineEntry side prop",
      "default": "right",
      "values": [
        "left",
        "right"
      ],
      "category": "behavior",
      "required": false
    },
    "layout": {
      "type": "String",
      "desc": "Layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.",
      "default": "dense",
      "values": [
        "dense",
        "comfortable",
        "loose"
      ],
      "category": "behavior",
      "required": false
    },
    "dark": {
      "type": "Boolean",
      "desc": "Notify the component that the background is a dark color",
      "category": "style"
    }
  },
  "slots": {
    "default": {
      "desc": "Used for content of component"
    }
  }
}