陰影
選單按鈕元件包含一個圖示，並在點擊時自動新增開啟選單的功能。
請參閱選單文件以取得更多資訊。
| 描述 | 當對應的選單未啟動時，自動隱藏選單按鈕 |
| 屬性 | 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 | 按鈕的頂部內距 |
此元件沒有可用的插槽。