shadowThe Menu Button component contains an icon and automatically adds functionality to open a menu when clicked.
See the menu documentation for more information.
| Description | 対応するメニューがアクティブでない場合、メニューボタンを自動的に非表示にします。 |
| Attribute | auto-hide |
| Type | boolean |
| Default | true |
| Description | The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming. |
| Attribute | color |
| Type | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined |
| Default | undefined |
| Description | trueの場合、ユーザはメニューボタンを操作することができません。 |
| Attribute | disabled |
| Type | boolean |
| Default | false |
| Description | メニューの menuId プロパティに対応するオプションのプロパティです。メニュー側には start または end を指定することもできます。これは、トグルするための正しいメニューを見つけるために使用されます。 |
| Attribute | menu |
| Type | string ｜ undefined |
| Default | undefined |
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
| Description | ボタンの種類です。 |
| Attribute | type |
| Type | "button" ｜ "reset" ｜ "submit" |
| Default | 'button' |
No events available for this component.
No public methods available for this component.
| Name | Description |
|---|
icon | メニューボタンのアイコン（ion-iconを使用）です。 |
native | すべての子要素を包むネイティブ HTML ボタン要素。 |
| Name | Description |
|---|
--background | メニューボタンの背景 |
--background-focused | タブキーでフォーカスしたときのメニューボタンの背景色 |
--background-focused-opacity | タブキーでフォーカスしたときのメニューボタンの背景の不透明度 |
--background-hover | ホバー時のメニューボタンの背景 |
--background-hover-opacity | ホバー時の背景の不透明度 |
--border-radius | メニューボタンのボーダー半径 |
--color | メニューボタンの色 |
--color-focused | タブキーでフォーカスしたときのメニューボタンの色 |
--color-hover | ホバー時のメニューボタンの色 |
--padding-bottom | ボタンのBottom Padding |
--padding-end | ボタンの向きが左から右の場合はRight Padding、右から左の場合はLeft Paddingとなります。 |
--padding-start | ボタンの向きが左から右の場合はLeft Padding、右から左の場合はRight Paddingとなります。 |
--padding-top | ボタンのTop Padding |
No slots available for this component.