阴影
菜单按钮组件包含一个图标，并在点击时自动添加打开菜单的功能。
有关更多信息，请参见 菜单 文档。
| 描述 | 当相应的菜单未激活时，自动隐藏菜单按钮 |
| 属性 | auto-hide |
| 类型 | boolean |
| 默认值 | true |
| 描述 | 要从应用程序调色板中使用的颜色。默认选项是："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有关颜色的更多信息，请参见 主题。 |
| 属性 | color |
| 类型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 默认值 | undefined |
| 描述 | 如果为 true，则用户无法与菜单按钮交互。 |
| 属性 | disabled |
| 类型 | boolean |
| 默认值 | false |
| 描述 | 可选属性，映射到菜单的 menuId 属性。也可以是 start 或 end，用于菜单侧。这用于查找要切换的正确菜单 |
| 属性 | menu |
| 类型 | string ｜ undefined |
| 默认值 | undefined |
| 描述 | 模式决定使用哪个平台样式。 |
| 属性 | mode |
| 类型 | "ios" ｜ "md" |
| 默认值 | undefined |
| 描述 | 按钮的类型。 |
| 属性 | type |
| 类型 | "button" ｜ "reset" ｜ "submit" |
| 默认值 | 'button' |
此组件没有可用事件。
此组件没有可用的公共方法。
| 名称 | 描述 |
|---|
icon | 菜单按钮图标（使用 ion-icon）。 |
native | 包装所有子元素的原生 HTML 按钮元素。 |
| 名称 | 描述 |
|---|
--background | 菜单按钮的背景 |
--background-focused | 使用 Tab 键聚焦时菜单按钮的背景 |
--background-focused-opacity | 使用 Tab 键聚焦时菜单按钮背景的不透明度 |
--background-hover | 悬停时菜单按钮的背景 |
--background-hover-opacity | 悬停时背景的不透明度 |
--border-radius | 菜单按钮的圆角 |
--color | 菜单按钮的颜色 |
--color-focused | 使用 Tab 键聚焦时菜单按钮的颜色 |
--color-hover | 悬停时菜单按钮的颜色 |
--padding-bottom | 按钮的底部填充 |
--padding-end | 如果方向为从左到右，则为按钮的右侧填充；如果方向为从右到左，则为按钮的左侧填充 |
--padding-start | 如果方向为从左到右，则为按钮的左侧填充；如果方向为从右到左，则为按钮的右侧填充 |
--padding-top | 按钮的顶部填充 |
| 名称 | 描述 |
|---|
--background | 菜单按钮的背景 |
--background-focused | 使用 Tab 键聚焦时菜单按钮的背景 |
--background-focused-opacity | 使用 Tab 键聚焦时菜单按钮背景的不透明度 |
--background-hover | 悬停时菜单按钮的背景 |
--background-hover-opacity | 悬停时背景的不透明度 |
--border-radius | 菜单按钮的圆角 |
--color | 菜单按钮的颜色 |
--color-focused | 使用 Tab 键聚焦时菜单按钮的颜色 |
--color-hover | 悬停时菜单按钮的颜色 |
--padding-bottom | 按钮的底部填充 |
--padding-end | 如果方向为从左到右，则为按钮的右侧填充；如果方向为从右到左，则为按钮的左侧填充 |
--padding-start | 如果方向为从左到右，则为按钮的左侧填充；如果方向为从右到左，则为按钮的右侧填充 |
--padding-top | 按钮的顶部填充 |
此组件没有可用插槽。