3.0.1 • Published 4 years ago
@app-elements/tooltip v3.0.1
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 |