SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Back to catalog
Component detail entry
Navigation
@soybeanjs/ui
SDropdownMenu

DropdownMenu

DropdownMenu belongs to the Navigation category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.40.0

2026-09-14

Compare release

Fix

guard empty popup id in trigger blur close

Scope: dropdown-menuAuthors: soybeanfeView commit38f5e

Fix

guard empty popup id in trigger blur close

Scope: dropdown-menuAuthors: soybeanfeView commit38f5e

v0.0.9

2026-01-02

Compare release

Feature

add placement prop to DropdownMenuWrapper and DropdownMenu components

Scope: dropdown-menuAuthors: soybeanjsView commit04e0b

v0.0.8

2026-01-01

Compare release

Fix

add popupProps to dropdown menu components for enhanced functionality

Scope: dropdown-menuAuthors: soybeanjsView commitab340

Refactor

streamline context management by removing unused elements and updating references for improved clarity and functionality

Scope: dropdown-menuAuthors: soybeanjsView commit73ac1

v0.0.2

2025-11-18

Compare release

Feature

implement dropdown menu components with context management and accessibility features

Scope: dropdown-menuAuthors: soybeanjsView commit96bcd

Feature

add DropdownMenuExample component and integrate it into App.vue

Scope: dropdown-menuAuthors: soybeanjsView commit4a190

Feature

enhance dropdown functionality with new submenus, checkbox, and radio groups

Scope: dropdown-menuAuthors: soybeanjsView commit2a8e7

Feature

add aria-disabled attribute to dropdown menu trigger for better accessibility

Scope: dropdown-menuAuthors: soybeanjsView commit0da08

Fix

update MenuAnchor syntax for improved template compatibility

Scope: dropdown-menuAuthors: soybeanjsView commit6d96c

Optimization

remove unnecessary Slot wrapper from dropdown menu trigger for cleaner markup

Scope: dropdown-menuAuthors: soybeanjsView commit0d9f3

Refactor

enhance content element management by introducing shallowRef and el-ref binding

Scope: dropdown-menuAuthors: soybeanjsView commit2c9ed

Refactor

implement hover functionality with delay management for improved user experience

Scope: dropdown-menuAuthors: soybeanjsView commite24ef

Feature

add 'disabledTrigger' prop to dropdown components

Scope: dropdown-menuAuthors: soybeanjsView commit113cc

Feature

implement dropdown menu components with context management and accessibility features

Scope: dropdown-menuAuthors: soybeanjsView commit96bcd

Feature

add DropdownMenuExample component and integrate it into App.vue

Scope: dropdown-menuAuthors: soybeanjsView commit4a190

Feature

enhance dropdown functionality with new submenus, checkbox, and radio groups

Scope: dropdown-menuAuthors: soybeanjsView commit2a8e7

Feature

add aria-disabled attribute to dropdown menu trigger for better accessibility

Scope: dropdown-menuAuthors: soybeanjsView commit0da08

Fix

update MenuAnchor syntax for improved template compatibility

Scope: dropdown-menuAuthors: soybeanjsView commit6d96c

Optimization

add size selection to dropdown menu component example

Scope: dropdown-menuAuthors: soybeanjsView commit75f3c

Optimization

remove unnecessary Slot wrapper from dropdown menu trigger for cleaner markup

Scope: dropdown-menuAuthors: soybeanjsView commit0d9f3

Refactor

enhance content element management by introducing shallowRef and el-ref binding

Scope: dropdown-menuAuthors: soybeanjsView commit2c9ed

Refactor

implement hover functionality with delay management for improved user experience

Scope: dropdown-menuAuthors: soybeanjsView commite24ef

Feature

add 'disabledTrigger' prop to dropdown components

Scope: dropdown-menuAuthors: soybeanjsView commit113cc

Optimization

add size selection to dropdown menu component example

Scope: dropdown-menuAuthors: soybeanjsView commit75f3c