ActionDropdownMenu8 props
Dropdown Menu
A dropdown menu that displays a list of actionable items in a popup triggered by a button. Use to present action options as a next step in a process, or to offer contextual acti...
공식 문서 열기Preview
Import
import {DropdownMenu} from '@astryxdesign/core/DropdownMenu';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
When to use
A dropdown menu that displays a list of actionable items in a popup triggered by a button. Use to present action options as a next step in a process, or to offer contextual acti...
dropdownmenupopoverselectactionscontextmenuoverflowkebab
Important props
menuWidthnumber | stringoptional
Theming targets
astryx-dropdown-menuastryx-dropdown-menu-item
Best practices
- DoKeep menu items concise and action-oriented so users can scan options quickly.
- DoUse sections and dividers to group related actions when the menu has many items.
- Do notUse a DropdownMenu for navigation; use a navigation component instead.
- Do notPlace more than 10–12 items in a single menu without grouping them into sections.