@app-elements/tooltip

Simple tooltips.

Usage no npm install needed!

<script type="module">
  import appElementsTooltip from 'https://cdn.skypack.dev/@app-elements/tooltip';
</script>

README

Tooltip

Shows a tooltip when hovered.

Installation

npm install --save @app-elements/tooltip

Usage

import Tooltip from '@app-elements/tooltip'

<h1><Tooltip text='This is your tooltip'>Home</Tooltip></h1>

Props

Prop Type Default Description
className String '' className given to top-level tooltip div
text String 'I am default text' Text to display in Tooltip
length Enum 'medium' Determines class to use to dictate width of tooltip. One of [ 'small', 'medium', 'large', 'xlarge', 'fit' ]
up Boolean false Will be positioned above your wrapped nodes
right Boolean false Will be positioned to the right of your wrapped nodes
down Boolean false Will be positioned below your wrapped nodes
left Boolean false Will be positioned to the left of your wrapped nodes