ZTooltip

Tooltip on hover

Example

Hover me

Import

import { ZTooltip } from "zurto-ui";

Usage

import { ZTooltip, ZButton } from "zurto-ui";

function Example() {
  return (
    <ZTooltip content="Tooltip text">
      <ZButton>Hover me</ZButton>
    </ZTooltip>
  );
}

Props

| Prop | Type | Default | Description | | ---------- | ----------- | -------- | --------------- | -------- | ------- | ---------------- | | content | ReactNode | - | Tooltip content | | position | 'top' | 'bottom' | 'left' | 'right' | 'top' | Tooltip position | | delay | number | 200 | Show delay (ms) |

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management