Menu Classes
glasswave/menu-classesFreeUtility
Shared Radix menu surface class strings.
Live preview
live · rendered by the registry
Rendered by glasswave on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://glasswave.denizisik.com/r/menu-classes.jsonSource
1/** Shared Radix menu surface styles (dropdown / context / menubar). */2export const menuContentClass =3 "z-50 min-w-[200px] overflow-hidden rounded-2xl p-1.5 shadow-xl";45export const menuItemClass =6 "relative flex w-full cursor-default select-none items-center gap-2 rounded-xl px-2.5 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-black/[0.07] dark:data-[highlighted]:bg-white/[0.12]";78export const menuLabelClass =9 "px-2.5 py-1.5 text-xs font-medium uppercase tracking-wide text-current/60";1011export const menuSeparatorClass =12 "-mx-1.5 my-1 h-px bg-black/10 dark:bg-white/10";
