# Alert

The Alert Box is a panel basically. You can define the style, heading and more via shortcode paarmeters. The text in between the opening and closing shortcode tags is displayed in the panel.

## Examples

{% code overflow="wrap" %}
```
[bsv-alert heading="Example Alert"]This is an alert box using the Bootstrap primary style.[/bsv-alert]
```
{% endcode %}

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

## Format

{% code overflow="wrap" %}
```
[bsv-alert parameter="value" ...]your text here[/bsv-alert]
```
{% endcode %}

## Parameters

| Parameter   | Description                                                                                                                                                                             | Default       |
| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
| style       | <p>Defines the Bootstrap style. Supported values:</p><ul><li>danger</li><li>dark</li><li>info</li><li>light</li><li>primary</li><li>secondary</li><li>success</li><li>warning</li></ul> | primary       |
| heading     | Heading of the alert box                                                                                                                                                                | Example alert |
| dismissable | <p>Defines whether the alert box is dismissible by an ‘x’ button in the upper right corner. Supported values:</p><ul><li>no</li><li>yes</li></ul>                                       | no            |
| width       | By default, the alert box spans over the full width of the parent object. You can sepcify a specific width here, e.g. 500px or 50%.                                                     | 100%          |
