# Jumbotron

A jumbotron can be used as a large announcement banner.

## Examples

{% code overflow="wrap" %}

```
[bsv-jumbo heading="My Jumbotron" lead="This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information."]Here goes the content inbetween you shortcode tags.[/bsv-jumbo]
```

{% endcode %}

<figure><img src="https://2850223474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOT4oO0pn3LrvJLuVbRqg%2Fuploads%2Fgit-blob-4d2ccecf5fbaa3013747e9f3264d78829e6791ff%2Fscreenshot-jumbotron.png?alt=media" alt=""><figcaption></figcaption></figure>

## Format

{% code overflow="wrap" %}

```
[bsv-jumbo parameter="value" ...]your content here[/bsv-jumbo]
```

{% endcode %}

## Parameters

| Parameter   | Description                                                                                                                                                                     | Value        |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
| heading     | The heading of ths Jumbotron                                                                                                                                                    | Hello World! |
| headingsize | <p>A numeric value representing four different sizes, with 1 being the largest and 4 being the smallest. Supported values:</p><ul><li>1</li><li>2</li><li>3</li><li>4</li></ul> | 4            |
| lead        | Enter the lead text that appears under the heading                                                                                                                              | *no value*   |