@react-sandbox/tooltip

💬 Lightweight, customizable tooltip component.

Usage

Install

Install the @react-sandbox/tooltip package:

npm install @react-sandbox/tooltip

Import

Import the Tooltip component:

importReactfrom'react'importTooltipfrom'@react-sandbox/tooltip'functionApp(){return(<Tooltiptitle="Download ✅"><button>Save</button></Tooltip>)}

Props

Prop	Type	Default	Description
title	string	required	Text content
position	'top' | 'bottom' | 'left' | 'right'	'top'	Position of tooltip
delay	0 | 100 | 200 | 300 | 400 | 500 | 750 | 1000	200	Initial transition delay
disabled	boolean	false	Visible or not
className	string	-	CSS classes
style	React.CSSProperties	-	CSS styles

Development

Local

yarn
yarn dev

Storybook

yarn storybook

Tests

yarn test

License

MIT