How to use 'material ui jumbotron' in JavaScript

Every line of 'material ui jumbotron' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
9export function JumboTron (options) {
10
11 var e, t, c;
12
13 options = options || {};
14
15 DialogComponent.call(this, options.style, "jumbotron");
16
17 e =
18 this.element
19 .classed("jumbotron", true);
20
21 e.append("h1")
22 .text(options.title || "");
23
24 s = e.append("p");
25
26 if(options.link) {
27
28 e.append("p")
29 .append("a")
30 .attr("role", "button")
31 .attr("href", "#")
32 .classed("btn btn-primary btn-lg", true)
33 .text(options.link)
34 .on("click", this.trigger("action"));
35
36 if(options.action)
37 this.on("action", options.action);
38
39 }
40
41 this.set = function (value) {
42 return s.html(value), this;
43 }
44
45 this.valueOf = function () {
46 return s.node().innerHTML;
47 }
48
49 this.set(options.content);
50
51}
6function jumbotronToggle () {
7 var shown = $('.jumbotron h1').is(':visible'),
8 $toggleEl = $('.jumbotron-toggle'),
9 heading = $('.overview > h1').html();
10 if (shown) {
11 $toggleEl.addClass('glyphicon-chevron-down').removeClass('glyphicon-chevron-up');
12 $('.overview').fadeOut(500, function () {
13 $('.toolbar')
14 .prepend('<h3>' + heading + ' h3').fadeOut(100);
15 $('.overview').fadeIn('slow');
16 }
17}</h3>

Related snippets