ui/menubar.tsx

danmindru/page-ui · components/shared/ui/menubar.tsx · typescript · MIT
ui

A customizable menubar component built with Radix UI and Tailwind CSS for creating accessible top-level navigation menus.

// Source: https://github.com/PageAI-Pro/page-ui | License: MIT | Copyright 2024 Shipixen
// Provided via justclaw.it.com; keep this notice with the code.
'use client';

import * as React from 'react';
import * as MenubarPrimitive from '@radix-ui/react-menubar';
import { Check, ChevronRight, Circle } from 'lucide-react';

import { cn } from '@/lib/utils';

const MenubarMenu = MenubarPrimitive.Menu;

const MenubarGroup = MenubarPrimitive.Group;

const MenubarPortal = MenubarPrimitive.Portal;

const MenubarSub = MenubarPrimitive.Sub;

const MenubarRadioGroup = MenubarPrimitive.RadioGroup;

const Menubar = React.forwardRef<
  React.ElementRef<typeof MenubarPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
>(({ className, ...props }, ref) => (
  <MenubarPrimitive.

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key