snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
43
apps/v4/registry/bases/aria/ui/hover-card.tsx
Normal file
43
apps/v4/registry/bases/aria/ui/hover-card.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
"use client"
|
||||
|
||||
import { cn } from "cn"
|
||||
import {
|
||||
Popover as PopoverPrimitive,
|
||||
PreviewTrigger as PreviewTriggerPrimitive,
|
||||
type PopoverProps as PopoverPrimitiveProps,
|
||||
type PreviewTriggerProps,
|
||||
} from "react-aria-components"
|
||||
|
||||
function HoverCardTrigger({ children, ...props }: PreviewTriggerProps) {
|
||||
return (
|
||||
<PreviewTriggerPrimitive data-slot="hover-card-trigger" {...props}>
|
||||
{children}
|
||||
</PreviewTriggerPrimitive>
|
||||
)
|
||||
}
|
||||
|
||||
function HoverCard({
|
||||
className,
|
||||
placement = "bottom",
|
||||
offset = 4,
|
||||
crossOffset = 0,
|
||||
...props
|
||||
}: Omit<PopoverPrimitiveProps, "className"> & {
|
||||
className?: string
|
||||
}) {
|
||||
return (
|
||||
<PopoverPrimitive
|
||||
data-slot="hover-card-content"
|
||||
placement={placement}
|
||||
offset={offset}
|
||||
crossOffset={crossOffset}
|
||||
className={cn(
|
||||
"cn-hover-card-content-aria z-50 origin-(--trigger-anchor-point) outline-hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { HoverCard, HoverCardTrigger }
|
||||
Reference in New Issue
Block a user