p-tooltip-1

PreviousNext

Basic tooltip

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-tooltip-1.tsx
import { Button } from "@/registry/default/ui/button";
import {
  Tooltip,
  TooltipPopup,
  TooltipTrigger,
} from "@/registry/default/ui/tooltip";

export default function Particle() {
  return (
    <Tooltip>
      <TooltipTrigger render={<Button variant="outline" />}>
        Hover me
      </TooltipTrigger>
      <TooltipPopup>Helpful hint</TooltipPopup>
    </Tooltip>
  );
}

Installation

npx shadcn@latest add @coss/p-tooltip-1

Usage

import { PTooltip1 } from "@/components/p-tooltip-1"
<PTooltip1 />