전체 카탈로그
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...

공식 문서 열기
live previewAction

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.