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