Shuip
uihover-revealsource: ok · hit
Hover Reveal
npx shadcn add "https://shuip.plvo.dev/r/hover-reveal.json"free
Interaction
scroll-reveal
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightreact
Registry dependencies
hover-card
Files1 · source cached 10/8/2026, 6:35:02 PM
./items/components/hover-reveal/component.tsx
import type * as React from 'react';
import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
export interface HoverRevealProps extends React.RefAttributes<HTMLDivElement> {
children: React.ReactNode;
content: React.ReactNode;
}
export function HoverReveal({ children, content, ...props }: HoverRevealProps) {
return (
<HoverCard {...props}>
<HoverCardTrigger className='cursor-pointer'>{children}</HoverCardTrigger>
<HoverCardContent className='text-sm w-full'>{content}</HoverCardContent>
</HoverCard>
);
}