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 |