Menu

1import { Menu, MenuTrigger, MenuPositioner, MenuContent } from "@/components/ui/menu";
2
3<Menu />

1"use client";
2
3import { Portal } from "@ark-ui/react";
4import { ark } from "@ark-ui/react/factory";
5import {
6  Menu as ArkMenu,
7  type MenuContentProps,
8  useMenuContext,
9} from "@ark-ui/react/menu";
10import { CheckIcon, ChevronRight } from "lucide-react";
11import type React from "react";
12import { tv, type VariantProps } from "tailwind-variants";
13import { cn } from "@/lib/utils";
14
15export const useMenu = useMenuContext;
16
17export const Menu = (props: React.ComponentProps<typeof ArkMenu.Root>) => {
18  const {
19    lazyMount = true,
20    positioning = { placement: "bottom-end" },
21    unmountOnExit = true,
22    ...rest
23  } = props;
24
25  return (
26    <ArkMenu.Root
27      data-slot="menu"
28      lazyMount={lazyMount}