{
  "meta": {
    "docsUrl": "https://v2.quasar.dev/vue-components/stepper"
  },

  "mixins": ["composables/private.use-panel/use-panel.child"],

  "props": {
    "icon": {
      "extends": "icon",
      "category": "header"
    },

    "color": {
      "extends": "color"
    },

    "title": {
      "type": "String",
      "desc": "Step title",
      "required": true,
      "examples": ["'Ad Groups'", "'Payment'"],
      "category": "header"
    },

    "caption": {
      "type": "String",
      "desc": "Step’s additional information that appears beneath the title",
      "examples": ["'Create an account'", "'Payment details'"],
      "category": "header"
    },

    "prefix": {
      "type": ["String", "Number"],
      "desc": "Step's prefix (max 2 characters) which replaces the icon if step does not has error, is being edited or is marked as done",
      "examples": ["'1'", "2", "'A'", "'B'"],
      "category": "header"
    },

    "done-icon": {
      "extends": "icon",
      "desc": "Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix",
      "category": "header"
    },

    "done-color": {
      "extends": "color",
      "category": "header"
    },

    "active-icon": {
      "extends": "icon",
      "desc": "Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix",
      "category": "header"
    },

    "active-color": {
      "extends": "color",
      "category": "header"
    },

    "error-icon": {
      "extends": "icon",
      "desc": "Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix",
      "category": "header"
    },

    "error-color": {
      "extends": "color",
      "category": "header"
    },

    "header-nav": {
      "type": "Boolean",
      "default": "true",
      "desc": "Allow navigation through the header",
      "category": "behavior"
    },

    "done": {
      "type": "Boolean",
      "desc": "Mark the step as 'done'",
      "category": "state"
    },

    "error": {
      "type": "Boolean",
      "desc": "Mark the step as having an error",
      "category": "state"
    }
  },

  "slots": {
    "default": {
      "desc": "The content of the step; Can also contain a QStepperNavigation if you want to handle step navigation and don't have a global navigation in place"
    }
  },

  "events": {
    "scroll": {
      "internal": true
    }
  }
}