generated from kevisual/vite-react-template
16 lines
556 B
TypeScript
16 lines
556 B
TypeScript
import { Tooltip as UITooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
|
|
import React from 'react';
|
|
|
|
export const Tooltip = (props: { children?: React.ReactNode; title?: React.ReactNode; placement?: 'top' | 'bottom' | 'left' | 'right' }) => {
|
|
return (
|
|
<TooltipProvider>
|
|
<UITooltip>
|
|
<TooltipTrigger>{props.children}</TooltipTrigger>
|
|
<TooltipContent side={props.placement || 'top'}>
|
|
<p>{props.title}</p>
|
|
</TooltipContent>
|
|
</UITooltip>
|
|
</TooltipProvider>
|
|
);
|
|
};
|