ion-buttons
「按鈕」元件是一個容器元素。它應在工具列內使用,並且可以包含多種類型的按鈕,包括標準按鈕、選單按鈕和返回按鈕。
基本用法
按鈕位置
可以使用具名的插槽將按鈕放置在工具列中。下表說明每個插槽。
插槽 | 描述 |
---|---|
start | 在 LTR 中,放置在內容的左側 ,在 RTL 中,則放置在右側 。 |
end | 在 LTR 中,放置在內容的右側 ,在 RTL 中,則放置在左側 。 |
secondary | 在 ios 模式中,將元素放置在內容的左側 ,在 md 模式中,則直接放置在右側 。 |
primary | 在 ios 模式中,將元素放置在內容的右側 ,在 md 模式中,則放置在最右側 。 |
按鈕類型
工具列中的按鈕預設為清除樣式,但可以使用按鈕上的fill
屬性來變更此樣式。此範例中返回按鈕和選單按鈕上的屬性僅用於顯示目的;請參閱其各自的文件以瞭解正確用法。
可摺疊按鈕
可以在按鈕上設定 collapse
屬性,使其在標頭摺疊時摺疊。這通常與可摺疊大標題一起使用。
資訊
此功能僅適用於 iOS。
屬性
collapse
描述 | 如果為 true,當其父工具列完全摺疊時,按鈕將會消失,前提是該工具列不是第一個工具列。如果該工具列是第一個工具列,則會隱藏按鈕,並且只有在所有工具列都完全摺疊後才會顯示。 僅適用於 ios 模式,且 ion-header 上的 collapse 設定為 true 。通常用於可摺疊大標題 |
屬性 | collapse |
類型 | boolean |
預設 | false |
事件
此元件沒有可用的事件。
方法
此元件沒有可用的公開方法。
CSS Shadow Parts
此元件沒有可用的 CSS Shadow Parts。
CSS 自訂屬性
此元件沒有可用的 CSS 自訂屬性。
插槽
此元件沒有可用的插槽。