repositories
loading repo index
repositories
loading repo index
repository
loading code, commits, and activity
Projectflow
stars
latest
clone command
git clone gitlawb://did:key:z6Mkfh4Y...QBEi/projectflowgit clone gitlawb://did:key:z6Mkfh4Y.../projectflowb3cded1async from playground1d ago| import type { ReactNode } from "react"; |
| #2 |
| #3 | export function Tooltip({ |
| #4 | content, |
| #5 | children, |
| #6 | }: { |
| #7 | content: string; |
| #8 | children: ReactNode; |
| #9 | }) { |
| #10 | return ( |
| #11 | <div className="relative group/tooltip inline-flex"> |
| #12 | {children} |
| #13 | <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2.5 py-1.5 rounded-md bg-zinc-800 border border-zinc-700 text-xs text-zinc-200 whitespace-nowrap opacity-0 invisible group-hover/tooltip:opacity-100 group-hover/tooltip:visible transition-all duration-100 pointer-events-none z-50"> |
| #14 | {content} |
| #15 | <div className="absolute top-full left-1/2 -translate-x-1/2 -mt-px border-4 border-transparent border-t-zinc-800" /> |
| #16 | </div> |
| #17 | </div> |
| #18 | ); |
| #19 | } |
| #20 |