Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

add hover to all country flags
All checks were successful
Deploy Website / deploy (push) Successful in 5m5s
Details

Browse Source
This commit is contained in:
Lee
2024-10-13 00:41:39 +01:00
parent b7783f5a4d
commit ae2f30a97a
3 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
projects/website/src/components/tooltip.tsx
View File

@ -11,16 +11,21 @@ type Props = {
*/
display: React.ReactNode;
/**
* Display the trigger as a child element.
*/
asChild?: boolean;
/**
* Where the tooltip will be displayed
*/
side?: "top" | "bottom" | "left" | "right";
};
export default function Tooltip({ children, display, side = "top" }: Props) {
export default function Tooltip({ children, display, asChild = true, side = "top" }: Props) {
return (
<ShadCnTooltip>
<TooltipTrigger asChild>{children}</TooltipTrigger>
<TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
<TooltipContent side={side}>{display}</TooltipContent>
</ShadCnTooltip>
);