DUTooltip
FeedbackHover/focus tooltip with placement options.
import { DUTooltip, DUButton } from 'deri-ui';Live preview
typescript
<DUTooltip content="Save draft" placement="top"><DUButton>Save</DUButton></DUTooltip>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | — | Tooltip body |
| placement | top | bottom | left | right | 'top' | Position |
| delay | number | 80 | Show delay ms |
Usage
import { DUTooltip, DUButton } from 'deri-ui';
<DUTooltip content="Save draft" placement="top"><DUButton>Save</DUButton></DUTooltip>Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.