Tooltip

Storybook

Tooltip components provide additional context or information when users hover over or focus on an element. They display helpful hints without cluttering the interface.

React

To implement Tooltip component into your project you'll need to add the import:

import { Tooltip } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<Tooltip content="This is a helpful tooltip">
  <Button>Hover me</Button>
</Tooltip>