UNPKG

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
{ "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" } ] } ] } }