@app-elements/tooltip

3.0.1 • Public • Published

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

Package Sidebar

Install

npm i @app-elements/tooltip

Weekly Downloads

0

Version

3.0.1

License

ISC

Unpacked Size

66.8 kB

Total Files

13

Last publish

Collaborators

  • adriaanwm
  • coryschadt
  • staydecent
  • trustfall