Tooltip

import { Tooltip } from "@compa11y/react";

import { Tooltip, Button } from "@compa11y/react";

function Example() {
  return (
    <div style={{ display: "flex", gap: "16px" }}>
      <Tooltip label="Save your changes">
        <Button>Save</Button>
      </Tooltip>

      <Tooltip label="Delete this item permanently" side="bottom">
        <Button variant="danger">Delete</Button>
      </Tooltip>

      <Tooltip label="Copy to clipboard" side="right">
        <Button variant="ghost">Copy</Button>
      </Tooltip>
    </div>
  );
}