diff options
| author | Julien Déramond <julien.deramond@orange.com> | 2021-08-30 16:00:16 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-08-30 16:00:16 +0300 |
| commit | a0da3a0f428c7ccfde33e9a5c2942ddca2ab68d4 (patch) | |
| tree | 37030dee6e07e05fe32945753ab64eaac2cc31f3 /site/content/docs | |
| parent | c02805bb8c9f5467a5d3fdb93edb5049272eb0a7 (diff) | |
Enhance Alerts > Live Example section (#34769)
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.1/components/alerts.md | 14 |
1 files changed, 2 insertions, 12 deletions
diff --git a/site/content/docs/5.1/components/alerts.md b/site/content/docs/5.1/components/alerts.md index 1df07983e0..0d009d0a0d 100644 --- a/site/content/docs/5.1/components/alerts.md +++ b/site/content/docs/5.1/components/alerts.md @@ -27,20 +27,10 @@ Alerts are available for any length of text, as well as an optional close button Click the button below to show an alert (hidden with inline styles to start), then dismiss (and destroy) it with the built-in close button. +{{< example >}} <div id="liveAlertPlaceholder"></div> - -<div class="bd-example"> - <button type="button" class="btn btn-primary" id="liveAlertBtn">Show live alert</button> -</div> - -```html <button type="button" class="btn btn-primary" id="liveAlertBtn">Show live alert</button> - -<div class="alert alert-primary alert-dismissible" role="alert" id="liveAlert"> - <strong>Nice!</strong> You've triggered this alert. - <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> -</div> -``` +{{< /example >}} We use the following JavaScript to trigger our live alert demo: |