@sonicgarden/bs-tooltip-element

<bs-tooltip> element

Installation

$ npm install @sonicgarden/bs-tooltip-element

Usage

import '@sonicgarden/bs-tooltip-element'

Default

<bs-tooltip content="Default tooltip">
  <button type="button">Tooltip</button>
</bs-tooltip>

Manual

<bs-tooltip content="Default tooltip" manual show>
  <button type="button">Tooltip</button>
</bs-tooltip>

Disabled

<bs-tooltip content="Default tooltip" disabled>
  <button type="button">Tooltip</button>
</bs-tooltip>

HTML

<bs-tooltip>
  <button type="button">Tooltip</button>
  <template>
    This is a <strong>tooltip.</strong><br>
    This is a <strong>tooltip.</strong>
  </template>
</bs-tooltip>

Placement

<bs-tooltip content="Bottom tooltip" placement="bottom">
  <button type="button">Tooltip</button>
</bs-tooltip>

Browser support

Browsers without native custom element support require a polyfill.

• Chrome
• Firefox
• Safari
• Microsoft Edge

Development

pnpm i
pnpm dev

License

Distributed under the MIT license. See LICENSE for details.