base-tooltip-default

PreviousNext
Docs
reuicomponent

Preview

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

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

Installation

npx shadcn@latest add @reui/base-tooltip-default

Usage

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