bootstrap-vue
Version:
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
67 lines (66 loc) • 2.45 kB
JSON
{
"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"
}
]
}
]
}
}