Menu 菜单
菜单组件用于展示一系列可点击的选项,通常用于下拉菜单或上下文菜单。
基础用法
点击按钮即可展开菜单项。
SXO Framework Switcher
🚧
This example is not yet available for .
变体
支持 default, bordered, flat 等变体样式。
SXO Framework Switcher
🚧
This example is not yet available for .
API
Menu Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label | string | ReactNode | - | 菜单触发按钮的标签 |
items | MenuItem[] | [] | 菜单项列表 |
variant | 'default' | 'bordered' | 'flat' | 'default' | 菜单样式变体 |
MenuItem
| 属性 | 类型 | 说明 |
|---|---|---|
id | string | 唯一标识符 |
label | string | 显示文本 |
onClick | () => void | 点击回调 (仅 React) |
Menu Events (Vue/Vue2)
| 事件名 | 说明 | 回调参数 |
|---|---|---|
select | 点击菜单项时触发 | (item: MenuItem) |
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| label | - | [String | - |
| items | - | Array | - |
| variant | - | String | "default" |