Popover

1import { Popover, PopoverTrigger, PopoverAnchor, PopoverPositioner } from "@/components/ui/popover";
2
3<Popover />

1"use client";
2
3import { ark } from "@ark-ui/react/factory";
4import {
5  Popover as ArkPopover,
6  usePopoverContext,
7} from "@ark-ui/react/popover";
8import { Portal } from "@ark-ui/react/portal";
9import { XIcon } from "lucide-react";
10import { cn } from "@/lib/utils";
11import { Button } from "@/registry/react/components/button";
12import { ScrollArea } from "@/registry/react/components/scroll-area";
13
14export const usePopover = usePopoverContext;
15
16export const Popover = (
17  props: React.ComponentProps<typeof ArkPopover.Root>
18) => {
19  const {
20    lazyMount = true,
21    unmountOnExit = true,
22    modal = true,
23    ...rest
24  } = props;
25
26  return (
27    <ArkPopover.Root
28      data-slot="popover"