跳至主要內容
版本:v8

ion-buttons

scoped

「按鈕」元件是一個容器元素。它應在工具列內使用,並且可以包含多種類型的按鈕,包括標準按鈕選單按鈕返回按鈕

基本用法

按鈕位置

可以使用具名的插槽將按鈕放置在工具列中。下表說明每個插槽。

插槽描述
start在 LTR 中,放置在內容的左側,在 RTL 中,則放置在右側
end在 LTR 中,放置在內容的右側,在 RTL 中,則放置在左側
secondaryios 模式中,將元素放置在內容的左側,在 md 模式中,則直接放置在右側
primaryios 模式中,將元素放置在內容的右側,在 md 模式中,則放置在最右側

按鈕類型

工具列中的按鈕預設為清除樣式,但可以使用按鈕上的fill屬性來變更此樣式。此範例中返回按鈕選單按鈕上的屬性僅用於顯示目的;請參閱其各自的文件以瞭解正確用法。

可摺疊按鈕

可以在按鈕上設定 collapse 屬性,使其在標頭摺疊時摺疊。這通常與可摺疊大標題一起使用。

資訊

此功能僅適用於 iOS。

屬性

collapse

描述如果為 true,當其父工具列完全摺疊時,按鈕將會消失,前提是該工具列不是第一個工具列。如果該工具列是第一個工具列,則會隱藏按鈕,並且只有在所有工具列都完全摺疊後才會顯示。

僅適用於 ios 模式,且 ion-header 上的 collapse 設定為 true

通常用於可摺疊大標題
屬性collapse
類型boolean
預設false

事件

此元件沒有可用的事件。

方法

此元件沒有可用的公開方法。

CSS Shadow Parts

此元件沒有可用的 CSS Shadow Parts。

CSS 自訂屬性

此元件沒有可用的 CSS 自訂屬性。

插槽

此元件沒有可用的插槽。