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
this disclaimer
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}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

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 class="pull-left" style="margin-top: 0px; font-weight: 100;">' + heading + '</h3')
15 .hide()
16 .fadeIn(500);
17 });
18 } else {
19 $toggleEl.addClass('glyphicon-chevron-up').removeClass('glyphicon-chevron-down');
20 $('.toolbar > h3').fadeOut(100);
21 $('.overview').fadeIn('slow');
22 }
23}

Related snippets