DropdownMenuButton は、同一対象に関連する複数の操作をドロップダウン表示するメニューボタンで、編集・複製・削除などのアクションをまとめるときに使います。レイアウトやデザインパターンのルールを含みます。
How this skill is triggered — by the user, by Claude, or both
Slash command
/smarthr-design-system:smarthr-ui-dropdown-menu-buttonThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
同じ対象に関連する複数の操作をまとめてドロップダウン表示するメニューボタンコンポーネントです。編集・複製・削除など、オブジェクトに対する複数アクションをまとめるときに使います。
同じ対象に関連する複数の操作をまとめてドロップダウン表示するメニューボタンコンポーネントです。編集・複製・削除など、オブジェクトに対する複数アクションをまとめるときに使います。
import { DropdownMenuGroup, DropdownMenuButton } from 'smarthr-ui'
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| name | ReactNode | - | - | - |
| Props 名 | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
| trigger | ReactNode | { children: ReactNode; size?: ButtonProps; onlyIcon?: boolean | { component?: ComponentType; }; } | - | ✓ | 引き金となるボタン |
| children | ReactNode | ReactElement<any, string | JSXElementConstructor> | ReactElement<any, string | JSXElementConstructor> | ReactElement<...> | ReactNode | ReactElement<any, string | JSXElementConstructor> | ReactElement<any, string | JSXElementConstructor> | ReactElement<...>[] | - | ✓ | 操作群 |
| onOpen | () => void | - | - | ドロップダウンメニューが開かれた際のイベント |
| onClose | () => void | - | - | ドロップダウンメニューが閉じられた際のイベント |
| ref | Ref | - | - | - |
DropdownMenuButton に直接関連する eslint-plugin-smarthr のルールは現時点ではありません。
{オブジェクト名}の操作 とする操作 にするその他の操作 とするFaEllipsisIcon)の変更は避けるtrigger.children を設定するdisabledReason を使って無効状態の理由を表示するnpx claudepluginhub kufu/smarthr-design-system --plugin smarthr-design-systemProvides a primitive dropdown UI component (DropdownTrigger + DropdownContent) for custom dropdowns not covered by DropdownMenuButton/FilterDropdown/SortDropdown in smarthr-ui.
Provides patterns and best practices for MUI core components like TextField, Autocomplete, Button, Dialog, Table, AppBar, Drawer, Snackbar. Includes TSX/JSX examples for inputs and UI elements.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.