Jumbotron

Documentation

JavaScript

var Components = require("gd-sprest-bs").Components;

// Create the jumbotron
var el = document.querySelector("#jumbotron");
var jumbotron = Components.Jumbotron({
    el: el,
    title: "My Jumbotron",
    lead: "This is a jumbotron"
});

TypeScript

import { Components } from "gd-sprest-bs";

// Create the jumbotron
let el = document.querySelector("#jumbotron");
let jumbotron = Components.Jumbotron({
    el: el,
    title: "My Jumbotron",
    lead: "This is a jumbotron"
});

Web Component

<script type="text/javascript" src="https://unpkg.com/gd-sprest-bs/wc/dist/gd-sprest-bs.js"></script>
<bs-jumbotron title="Web Components" lead="These are easy to use."></bs-jumbotron>

References

Jumbotron(props:IJumbotronProps):IJumbotron

IJumbotron

Name Returns Description
el Element The jquery element.

IJumbotronProps

Name Type Description
className string The class name to apply to jumbotron.
content string The jumbotron content.
el HTMLElement The element to render the jumbotron to.
isFluid boolean Adds the ‘jumbotron-fluid’ class name.
lead string The jumbotron lead text.
onRenderContent (el:HTMLElement) => void The jumbotron render content event.
title string The jumbotron content.