Skip to content
Get Pro
Overlays

Menu

A dropdown or context menu with one highlight that slides between rows, submenus that open on hover intent (a diagonal toward them does not close them), checkbox items, and a brief lift of the chosen row.

$149 once · every Pro piece

Customize

Full menu keyboard pattern; right-click, long-press or Shift+F10 in context mode.

Install

npx shadcn@latest add @obsyde/menu

Needs your licence key · Get Pro

Usage

Import it from where the CLI puts it, or copy the files below by hand.

import { Menu } from '@/components/obsyde/ember/menu/Menu';

export function Example() {
  return (
    <Menu label="Options" />
  );
}

Files

What you get with Pro: plain React, TypeScript and CSS, with no dependencies.

  • ember/menu/Menu.tsxcomponent
  • ember/menu/menu.cssstyles
  • ember/menu/MenuDemo.tsxdemo
  • ember/display-kit/place.tsshared
  • ember/display-kit/highlight.tsshared
  • ember/shared/spring.tsshared
  • ember/shared/accent.tsshared
  • ember/display-kit/display-kit.cssshared
  • ember/display-kit/motion.tsshared
  • ember/shared/ember.cssshared

API

PropTypeDefault
accentAccent'ember' | 'volt' | 'arc''ember'
triggerTrigger'button' | 'context''button'
labelButton labelstring'Options'
showHiddenShow hidden checkedbooleanfalse