menubar
nrjdalal/menubarFreeComponent
acme publishes no description for this item.
Install it
npx shadcn@latest add https://nrjdalal.dev/r/menubar.jsonSource
1"use client"23import { cn } from "@/lib/utils"4import * as MenubarPrimitive from "@radix-ui/react-menubar"5import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"6import * as React from "react"78function Menubar({9 className,10 ...props11}: React.ComponentProps<typeof MenubarPrimitive.Root>) {12 return (13 <MenubarPrimitive.Root14 data-slot="menubar"15 className={cn(16 "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",17 className,18 )}19 {...props}20 />21 )22}2324function MenubarMenu({25 ...props26}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {27 return <MenubarPrimitive.Menu data-slot="menubar-menu" {...props} />28}2930function MenubarGroup({31 ...props32}: React.ComponentProps<typeof MenubarPrimitive.Group>) {33 return <MenubarPrimitive.Group data-slot="menubar-group" {...props} />34}3536function MenubarPortal({37 ...props38}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {39 return <MenubarPrimitive.Portal data-slot="menubar-portal" {...props} />40}4142function MenubarRadioGroup({43 ...props44}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {45 return (46 <MenubarPrimitive.RadioGroup data-slot="menubar-radio-group" {...props} />47 )48}4950function MenubarTrigger({51 className,52 ...props53}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {54 return (55 <MenubarPrimitive.Trigger56 data-slot="menubar-trigger"57 className={cn(58 "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",59 className,60 )}61 {...props}62 />63 )64}6566function MenubarContent({67 className,68 align = "start",69 alignOffset = -4,70 sideOffset = 8,71 ...props72}: React.ComponentProps<typeof MenubarPrimitive.Content>) {73 return (74 <MenubarPortal>75 <MenubarPrimitive.Content76 data-slot="menubar-content"77 align={align}78 alignOffset={alignOffset}79 sideOffset={sideOffset}80 className={cn(81// … truncated
What it pulls in
npm packages
Files it writes
More from acme
All 49 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| accordionaccordion | acme | Components | Free | 5 deps · 2 files | |
| alertalert | acme | Components | Free | 4 deps · 2 files | |
| alert-dialogalert-dialog | acme | Components | Free | 6 deps · 3 files | |
| aspect-ratioaspect-ratio | acme | Components | Free | 1 dep | |
| avataravatar | acme | Components | Free | 4 deps · 2 files | |
| badgebadge | acme | Components | Free | 5 deps · 2 files | |
| breadcrumbbreadcrumb | acme | Components | Free | 5 deps · 2 files | |
| buttonbutton | acme | Components | Free | 5 deps · 2 files |
