@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.05 kB
JavaScript
import*as r from"react";import i from"classnames";import{HoverCard as o}from"radix-ui";import{hoverCardContentPropDefs as v}from"./hover-card.props.js";import{extractProps as P}from"../helpers/extract-props.js";import{requireReactElement as f}from"../helpers/require-react-element.js";import{Theme as H}from"./theme.js";const p=e=>r.createElement(o.Root,{closeDelay:150,openDelay:200,...e});p.displayName="HoverCard.Root";const s=r.forwardRef(({children:e,className:t,...n},a)=>r.createElement(o.Trigger,{ref:a,className:i("rt-HoverCardTrigger",t),...n,asChild:!0},f(e)));s.displayName="HoverCard.Trigger";const C=r.forwardRef((e,t)=>{const{className:n,forceMount:a,container:m,...d}=P(e,v);return r.createElement(o.Portal,{container:m,forceMount:a},r.createElement(H,{asChild:!0},r.createElement(o.Content,{align:"start",sideOffset:8,collisionPadding:10,...d,ref:t,className:i("rt-PopperContent","rt-HoverCardContent",n)})))});C.displayName="HoverCard.Content";export{C as Content,p as Root,s as Trigger};
//# sourceMappingURL=hover-card.js.map