Skip to content

react-sandbox/tooltip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Build status Dependencies Build size Package downloads

Example

💬 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

About

💬 Lightweight text tooltip

Topics

Resources

License

Stars

Watchers

Forks

Contributors 2

  •  
  •