diff options
author | Julien Déramond <julien.deramond@orange.com> | 2022-05-27 00:29:08 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-05-27 00:29:08 +0300 |
commit | 8b85267739e4bee63f13dfa14a94f94926b4fd7a (patch) | |
tree | 4f8d807c01f9d90741887263e21348c016419fed /site/content/docs/5.2/components/tooltips.md | |
parent | 4a3c004c349ec9b20990c8aa760d12c50c450bbd (diff) |
Fix StackBlitz examples by embedding snippets.js when needed (#36352)
* Fix StackBlitz examples by embedding snippets.js when needed
* Fix Popovers
* Fix tooltips
* Fix Toasts
* Add comment sections
* Fix Alerts
* Indeterminate heckboxes + classes handling
* Nothing to do for links
* Fix modals
* Nothing to do for Offcanvas
* Remove correctly .bd-example
* Add body .p-3 for all StackBlitz examples
Diffstat (limited to 'site/content/docs/5.2/components/tooltips.md')
-rw-r--r-- | site/content/docs/5.2/components/tooltips.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.2/components/tooltips.md b/site/content/docs/5.2/components/tooltips.md index 458301620a..ef5944b489 100644 --- a/site/content/docs/5.2/components/tooltips.md +++ b/site/content/docs/5.2/components/tooltips.md @@ -45,7 +45,7 @@ const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstra Hover over the links below to see tooltips: -{{< example class="tooltip-demo" >}} +{{< example class="tooltip-demo" js_snippet="true" >}} <p class="muted">Placeholder text to demonstrate some <a href="#" data-bs-toggle="tooltip" title="Default tooltip">inline links</a> with tooltips. This is now just filler, no killer. Content placed here just to mimic the presence of <a href="#" data-bs-toggle="tooltip" title="Another tooltip">real text</a>. And all that just to give you an idea of how tooltips would look when used in real-world situations. So hopefully you've now seen how <a href="#" data-bs-toggle="tooltip" title="Another one here too">these tooltips on links</a> can work in practice, once you use them on <a href="#" data-bs-toggle="tooltip" title="The last tip!">your own</a> site or project. </p> {{< /example >}} @@ -59,7 +59,7 @@ You can customize the appearance of tooltips using [CSS variables](#variables). {{< scss-docs name="custom-tooltip" file="site/assets/scss/_component-examples.scss" >}} -{{< example class="tooltip-demo" >}} +{{< example class="tooltip-demo" js_snippet="true" >}} <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="custom-tooltip" |