Skip to content

Tooltip

Text only, by design: if it needs a link or a button it is a popover. Shows on hover and keyboard focus after a short delay.

import { Button, Tooltip } from '@andrewbehma/glass-ui'; import { Copy, Link2 } from 'lucide-react';

Playground

Tooltip.tsx
import { Button, Tooltip } from '@andrewbehma/glass-ui';
import { Copy, Link2 } from 'lucide-react';
<Tooltip content="Copy link" side="top" defaultOpen>
<Button icon aria-label="Copy link">
<Link2 className="size-4" />
</Button>
</Tooltip>