@blaze-react/tooltip

Tooltips display informative text when users hover over or focus on an element.

Usage no npm install needed!

<script type="module">
  import blazeReactTooltip from 'https://cdn.skypack.dev/@blaze-react/tooltip';
</script>

README

Description

Tooltips display informative text when users hover over or focus on an element.

Usage

<Tooltip text="Byte9" position="top">
  Tooltip on top
</Tooltip>

<Tooltip text="Byte9" position="bottom">
  Tooltip on bottom
</Tooltip>

<Tooltip text="Byte9" position="right">
  Tooltip on right
</Tooltip>

<Tooltip text="Byte9" position="left">
  Tooltip on left
</Tooltip>

API

Tooltip can receive a number of props as follow:
NAME TYPE DEFAULT Options
position string top top, left, bottom right
text String No content
onChange Function No content