@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:

import React from 'react'
import Tooltip from '@react-sandbox/tooltip'

function App() {
  return (
    <Tooltip title="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