# 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="/files/s6gPfamlgotsi5zxl8j6" 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%          |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://lewe.gitbook.io/lewe-bootstrap-visuals/shortcodes/alert.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.