Tooltip

A tooltip is a brief, informative message that appears when a user interacts with an element. Tooltips are usually initiated in one of two ways: through a mouse-hover gesture or through a keyboard-hover gesture.

This component extends the

Chakra UI Tooltip

import { Tooltip } from '@chakra-ui/react';

<Tooltip hasArrow label="Hey, I'm here!" aria-label='A tooltip'>
  Hover me
</Tooltip>