バージョン: v8

ion-buttons

Buttonsコンポーネントはコンテナ要素です。ツールバー内で使用する必要があり、標準ボタン、メニューボタン、戻るボタンなど、さまざまな種類のボタンを含めることができます。

基本的な使用方法

ボタンは、名前付きスロットを使用してツールバー内に配置できます。以下の表に、各スロットの説明を示します。

スロット	説明
`start`	LTRではコンテンツの`左`に、RTLでは`右`に配置します。
`end`	LTRではコンテンツの`右`に、RTLでは`左`に配置します。
`secondary`	`ios`モードではコンテンツの`左`に、`md`モードでは直接`右`に要素を配置します。
`primary`	`ios`モードではコンテンツの`右`に、`md`モードでは`一番右`に要素を配置します。

ツールバー内のボタンは、デフォルトでクリアスタイルになっていますが、ボタンのfillプロパティを使用して変更できます。この例では戻るボタンとメニューボタンに含まれるプロパティは表示目的です。適切な使用方法については、それぞれのドキュメントを参照してください。

ヘッダーが折りたたまれるとボタンを折りたたむには、ボタンにcollapseプロパティを設定します。これは通常、折りたたみ可能な大きなタイトルで使用されます。

情報

この機能はiOSでのみ使用可能です。

説明	trueの場合、親ツールバーが完全に折りたたまれたときにボタンは消えます（ツールバーが最初のツールバーでない場合）。ツールバーが最初のツールバーの場合は、ボタンは非表示になり、すべてのツールバーが完全に折りたたまれた場合にのみ表示されます。 `ion-header`で`collapse`を`true`に設定した`ios`モードでのみ適用されます。通常、折りたたみ可能な大きなタイトルに使用されます
属性	`collapse`
型	`boolean`
デフォルト	`false`

このコンポーネントで使用できるイベントはありません。

このコンポーネントで使用できる公開メソッドはありません。

このコンポーネントで使用できるCSSシャドウパーツはありません。

このコンポーネントで使用できるCSSカスタムプロパティはありません。

このコンポーネントで使用できるスロットはありません。