Skip to content

feat: add Dropdown Menu component - #30

Merged
Jettonn merged 1 commit into
mainfrom
feat/coss-dropdown-menu
Jul 13, 2026
Merged

feat: add Dropdown Menu component#30
Jettonn merged 1 commit into
mainfrom
feat/coss-dropdown-menu

Conversation

@Jettonn

@Jettonn Jettonn commented Jul 13, 2026

Copy link
Copy Markdown
Owner

Adds Dropdown Menu (Reka UI DropdownMenu + COSS styling) and wires the previously-placeholder "Dropdown and Popover" nav entry to a real page.

What's included

  • ui/DropdownMenu/* — DropdownMenu (root), Trigger, Content (portal + COSS surface with the before: inset highlight), Item, Label, Separator, Group, Shortcut
  • 2 demos — a labelled menu with keyboard shortcuts, and an icon-triggered menu with a grouped item list
  • Showcase view + route; Home nav Dropdown and Popover (# placeholder) → Dropdown Menu (/dropdowns)

Notes

  • DropdownMenuContent reuses the COSS surface treatment (rounded-md, shadow, inset highlight) consistent with Popover/Select/Tooltip.
  • reactiveOmit results are type-annotated to avoid TS2742 (same fix as the Tabs primitives).

Verification

  • ✅ type-check · ✅ eslint · ✅ build
  • ✅ Visual: opened the menu — label, items, right-aligned shortcuts, separator all render on the COSS surface

Adds the Dropdown Menu (Reka UI DropdownMenu + COSS styling), wiring up the
previously-placeholder 'Dropdown and Popover' nav entry.

- ui/DropdownMenu/*: DropdownMenu, Trigger, Content (portal + COSS surface
  with inset highlight), Item, Label, Separator, Group, Shortcut
- 2 demos: labelled menu with shortcuts, and an icon menu with grouped items
- Showcase view + route; Home nav 'Dropdown and Popover' (#) -> 'Dropdown Menu'

Verified: type-check, lint, build, and visual check (menu opens, items +
shortcuts render on the COSS surface).
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying originui-vue with  Cloudflare Pages  Cloudflare Pages

Latest commit: 6072f20
Status: ✅  Deploy successful!
Preview URL: https://0541ba3f.originui-vue.pages.dev
Branch Preview URL: https://feat-coss-dropdown-menu.originui-vue.pages.dev

View logs

@Jettonn
Jettonn merged commit 8f1b891 into main Jul 13, 2026
3 checks passed
@Jettonn
Jettonn deleted the feat/coss-dropdown-menu branch July 13, 2026 15:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant