Tooltip

A small popup that displays information on hover.

Preview

Props

PropTypeDefaultDescription
contentstringTooltip text
childrenReactNodeTrigger element

Usage

const { Tooltip, Button } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Tooltip, { content: 'Helpful tip' },
    React.createElement(Button, { variant: 'outline' }, 'Hover me')
  )
);