Skip to content

Latest commit

 

History

History
66 lines (55 loc) · 1.46 KB

README.md

File metadata and controls

66 lines (55 loc) · 1.46 KB
Raw

Bootstrap Attributes

These attributes require the Bootstrap library to be installed.

npm install bootstrap@5.1.3

collapse-custom-attribute

<div id="target"
     class="collapse"
></div>
<a href="#"
  data-target="#tapHeader"
  data-toggle="collapse"
  collapse
>Collapse</a>

toast-custom-attribute

<div class="toast"
     role="alert"
     aria-live="assertive"
     aria-atomic="true"
     toast-hidden.delegate="dismiss(toast)"
     toast
></div>

tooltip-custom-attribute

<a href="#"
   title="This is a tooltip"
   data-toggle="tooltip"
   data-placement="bottom"
   tooltip
>Tooltip</a>

dropdown-custom-attribute

<button type="button"
        data-toggle="dropdown"
        dropdown
></button>
<div class="dropdown-menu">
</div>

popover-custom-attribute

<a href="#"
   title="Popover title"
   data-content="This is the content of the popover"
   data-placement="top"
   data-popover
>Tooltip</a>

Note that for a "dismissable" popover using the attribute data-trigger="focus", the element having the popover attached must be able to receive focus. (See this StackOverflow answer on which elements can receive focus).
The attribute name popover may also be used, but is deprecated and will be removed when the official popover-API is supported by browsers. See Chrome implementation status.