tooltip-with-arrow-demo

Previous
Docs
pureuiexample

Preview

Loading preview…
registry/pure-ui/examples/tooltip/tooltip-with-arrow-demo.tsx
import {
  Tooltip,
  TooltipTrigger,
  TooltipPopup,
} from "@/registry/pure-ui/ui/tooltip";

export const TooltipWithArrowDemo = () => {
  return (
    <Tooltip>
      <TooltipTrigger>
        <p>Hover me</p>
      </TooltipTrigger>
      <TooltipPopup showArrow>
        <p>Tooltip Content</p>
      </TooltipPopup>
    </Tooltip>
  );
};

Installation

npx shadcn@latest add @pureui/tooltip-with-arrow-demo

Usage

import { TooltipWithArrowDemo } from "@/components/tooltip-with-arrow-demo"
<TooltipWithArrowDemo />