シャドウ
メニューボタンコンポーネントにはアイコンが含まれており、クリックするとメニューを開く機能が自動的に追加されます。
詳細については、メニューのドキュメントを参照してください。
| 説明 | 対応するメニューがアクティブでない場合、メニューボタンを自動的に非表示にします |
| 属性 | 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 | ボタンの上部のパディング |
このコンポーネントで使用可能なスロットはありません。