{
  "name": "@bootstrap-vue/jumbotron",
  "version": "1.0.0",
  "meta": {
    "title": "Jumbotron",
    "description": "A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.",
    "components": [
      {
        "component": "BJumbotron",
        "props": [
          {
            "prop": "bgVariant",
            "description": "Applies one of the Bootstrap theme color variants to the background"
          },
          {
            "prop": "borderVariant",
            "description": "Applies one of the Bootstrap theme color variants to the border"
          },
          {
            "prop": "containerFluid",
            "description": "When prop 'fluid' is set, this prop will make the inner container wrapper also fluid in width. Can also be set to one of the Bootstrap breakpoint names"
          },
          {
            "prop": "fluid",
            "description": "Makes the jumbotron full width, and without rounded corners. When set, the inner content will automatically be wrapped into a 'b-container' (fixed width at the various breakpoints)"
          },
          {
            "prop": "headerLevel",
            "description": "Scaling factor of the header. Values range from 1 to 5"
          },
          {
            "prop": "lead",
            "description": "Text string to place in the lead paragraph"
          },
          {
            "prop": "leadHtml",
            "description": "HTML string to place in the lead paragraph",
            "xss": true
          },
          {
            "prop": "leadTag",
            "description": "Specify the HTML tag to render instead of the default tag for the lead paragraph"
          },
          {
            "prop": "textVariant",
            "description": "Applies one of the Bootstrap theme color variants to the text"
          }
        ],
        "slots": [
          {
            "name": "default",
            "description": "Content to place in the jumbotron"
          },
          {
            "name": "header",
            "description": "Slot for custom header content. Placed inside 'header-tag'. Overrides the `header` and `header-html` props"
          },
          {
            "name": "lead",
            "description": "For custom rendering of lead text content. Placed inside 'lead-tag'. Overrides the `lead` and `lead-html` props"
          }
        ]
      }
    ]
  }
}