tooltip-default

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/tooltip/default.tsx
import { Button } from '@/registry/default/ui/button';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/registry/default/ui/tooltip';
import { Info } from 'lucide-react';

export default function TooltipDemo() {
  return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger asChild>
          <Button variant="outline">
            <Info className="h-4 w-4" />
            Default tooltip
          </Button>
        </TooltipTrigger>
        <TooltipContent>
          <p>Get detailed information about this feature.</p>
        </TooltipContent>
      </Tooltip>
    </TooltipProvider>
  );
}

Installation

npx shadcn@latest add @reui/tooltip-default

Usage

import { TooltipDefault } from "@/components/tooltip-default"
<TooltipDefault />