Tooltip

Side

TopRightBottomLeft

Content

Label

Code

import { Button } from '@/ui/button';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/ui/tooltip';

<Tooltip>
    <TooltipTrigger render={<Button variant="secondary" size="md" icon="copy" iconPosition="only">Copy answer</Button>} />
    <TooltipContent>Copy answer</TooltipContent>
</Tooltip>