Tooltip

Radix Tooltip with a small sketch bubble. Wrap the app in TooltipProvider once (the docs site already does). The bubble draws in quickly when it shows.

<Tooltip content="A small sketch bubble" roughness={1.5}>
  <Button variant="outline">Hover me</Button>
</Tooltip>

CLI install

npx doodleui-react add tooltip

Usage

import { Tooltip, TooltipProvider, Button } from "doodleui-react";

<TooltipProvider>
  <Tooltip content="A small sketch bubble">
    <Button variant="outline">Hover me</Button>
  </Tooltip>
</TooltipProvider>

The trigger must accept a ref. Native elements and doodle-ui buttons both work. If you pass a custom component, wrap it with forwardRef.

Props