tw-hover-balloons

0.1.0 • Public • Published

@curios/tailwind-balloons

This tailwind plugin let's you to add data-balloon-(up | down | left | right) attributes on any valid dom element. This will show a tooltip, on hover on the that element with the text added to the data-balloon-* attribute.

For example

<button
  className="px-4 py-2 border rounded bg-white"
  data-balloon-down="Copy to clipboard"
  type="button"
>
  Copy
</button>

This will show the text "Copy to clipboard" below the button on hovering over it.

Package Sidebar

Install

npm i tw-hover-balloons

Weekly Downloads

3

Version

0.1.0

License

MIT

Unpacked Size

3.8 kB

Total Files

5

Last publish

Collaborators

  • curiosbasant