diff options
Diffstat (limited to 'packages/ui/src')
| -rw-r--r-- | packages/ui/src/components/hover-card.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/ui/src/components/hover-card.tsx b/packages/ui/src/components/hover-card.tsx index a920330c4..210fd5416 100644 --- a/packages/ui/src/components/hover-card.tsx +++ b/packages/ui/src/components/hover-card.tsx @@ -3,19 +3,20 @@ import { ComponentProps, JSXElement, ParentProps, splitProps } from "solid-js" export interface HoverCardProps extends ParentProps, Omit<ComponentProps<typeof Kobalte>, "children"> { trigger: JSXElement + mount?: HTMLElement class?: ComponentProps<"div">["class"] classList?: ComponentProps<"div">["classList"] } export function HoverCard(props: HoverCardProps) { - const [local, rest] = splitProps(props, ["trigger", "class", "classList", "children"]) + const [local, rest] = splitProps(props, ["trigger", "mount", "class", "classList", "children"]) return ( <Kobalte gutter={4} {...rest}> <Kobalte.Trigger as="div" data-slot="hover-card-trigger"> {local.trigger} </Kobalte.Trigger> - <Kobalte.Portal> + <Kobalte.Portal mount={local.mount}> <Kobalte.Content data-component="hover-card-content" classList={{ |