DevicesButtonStyles interface

パッケージ:

@azure/communication-react

[デバイス] ボタンメニュー項目のスタイル。

Extends

ControlBarButtonStyles

プロパティ

menuStyles

[デバイス ボタン] メニューのスタイル。

継承されたプロパティ

description	説明テキスト (該当する場合) のスタイル (複合ボタンの場合)。
descriptionChecked	ボタンがオンの場合の説明テキストのスタイルのオーバーライド。
descriptionDisabled	ボタンが無効になっている場合の説明テキストのスタイルのオーバーライド。
descriptionHovered	ボタンをポイントしたときの説明テキストのスタイルのオーバーライド。
descriptionPressed	ボタンが押されたときの説明テキストのスタイル。
flexContainer	ルート要素内の flexbox コンテナーのスタイル。
icon	ラベルの近くにあるアイコンのスタイル。
iconChecked	ボタンがオンになっている場合のアイコンのスタイルのオーバーライド。
iconDisabled	ボタンが無効になっている場合のアイコンのスタイルのオーバーライド。
iconExpanded	展開時のラベルの近くにあるアイコンのスタイル。
iconExpandedHovered	ラベルの近く側にあるアイコンのスタイルを展開してポイントします。
iconHovered	ホバー時のラベルの近くにあるアイコンのスタイル。
iconPressed	押されたときのラベルの近く側のアイコンのスタイル。
label	ボタンのテキスト コンテンツのスタイル。
labelChecked	ボタンがオンになっている場合のテキスト コンテンツのスタイルのオーバーライド。
labelDisabled	ボタンが無効になっている場合のテキスト コンテンツのスタイルオーバーライド。
labelHovered	ボタンをポイントしたときのテキスト コンテンツのスタイルオーバーライド。
menuIcon	メニューシェブロンのスタイル。
menuIconChecked	ボタンがオンの場合のメニュー シェブロンのスタイルのオーバーライド。
menuIconDisabled	ボタンが無効になっている場合のメニュー シェブロンのスタイルのオーバーライド。
menuIconExpanded	展開時のメニュー シェブロンのスタイル。
menuIconExpandedHovered	展開およびホバー時のメニュー シェブロンのスタイル。
menuIconHovered	ホバー時のメニュー シェブロンのスタイル。
menuIconPressed	押したときのメニュー シェブロンのスタイル。
root	既定の有効な非トグル状態のルート要素のスタイル。
rootChecked	チェックされた状態のルート要素のスタイルオーバーライド。ルート スタイルの上に重ねられます。
rootCheckedDisabled	チェックされた無効状態のホバー時にルートに適用されるスタイルオーバーライド
rootCheckedHovered	チェックされた有効な状態のホバー時にルートに適用されるスタイルオーバーライド
rootCheckedPressed	チェックされた有効な状態で押された時にルートに適用されるスタイルオーバーライド
rootDisabled	無効状態のルート要素のスタイルオーバーライド。ルート スタイルの上に重ねて配置されます。
rootExpanded	メニューが既定の有効な切り替えなしの状態で展開されたときに、ルートに適用されるスタイルオーバーライド。
rootExpandedHovered	ホバー時に展開された状態でホバー時にルートに適用されるスタイルオーバーライド
rootFocused	既定の有効な、切り替えなしの状態で、フォーカスのルートに適用されるスタイルオーバーライド。
rootHasMenu	ルート要素のスタイルオーバーライドは、ルート スタイルの上に重ねて配置されたメニュー ボタンがある場合です。
rootHovered	既定の有効な非切り替え状態でホバー時にルートに適用されるスタイルオーバーライド。
rootPressed	既定、有効、切り替えなしの状態で押された場合にルートに適用されるスタイルオーバーライド。
screenReaderText	スクリーン リーダー テキストのスタイルのオーバーライド。
secondaryText	説明テキスト (該当する場合) のスタイル (複合ボタンの場合)。
splitButtonContainer	SplitButton 要素を囲むコンテナー div のスタイルオーバーライド
splitButtonContainerChecked	ボタンがオンになっているときに SplitButton 要素を囲むコンテナー div のスタイル。
splitButtonContainerCheckedHovered	ボタンがチェックされてホバーされたときに SplitButton 要素を囲むコンテナー div のスタイル。
splitButtonContainerDisabled	無効な状態の SplitButton 要素に関するコンテナー div のスタイルオーバーライド
splitButtonContainerFocused	ボタンにフォーカスを合わせるときに SplitButton 要素を囲むコンテナー div のスタイル。
splitButtonContainerHovered	ボタンをポイントしたときの SplitButton 要素を囲むコンテナー div のスタイル。
splitButtonDivider	分割ボタンのボタンとメニュー ボタンの間に表示される分割要素のスタイルオーバーライド。
splitButtonDividerDisabled	無効状態の分割ボタンのボタンとメニュー ボタンの間に表示される分割要素のスタイルオーバーライド。
splitButtonFlexContainer	SplitButton FlexContainer のスタイルオーバーライド。
splitButtonMenuButton	SplitButton メニュー ボタンのスタイルのオーバーライド
splitButtonMenuButtonChecked	チェック状態の SplitButton メニュー ボタン要素のスタイルのオーバーライド
splitButtonMenuButtonDisabled	SplitButton メニュー ボタン要素のスタイルのオーバーライドが無効な状態です。
splitButtonMenuButtonExpanded	展開状態の SplitButton メニュー ボタン要素のスタイルのオーバーライド
splitButtonMenuFocused	primaryButton のみが無効状態の場合の SplitButton のスタイルのオーバーライド
splitButtonMenuIcon	SplitButton メニュー アイコン要素のスタイルのオーバーライド
splitButtonMenuIconDisabled	SplitButton メニュー アイコン要素のスタイルのオーバーライドが無効な状態である
textContainer	flexbox コンテナー要素内のテキスト コンテナーのスタイル (およびテキストと説明が含まれます)。

プロパティの詳細

menuStyles

[デバイス ボタン] メニューのスタイル。

menuStyles?: Partial<DevicesButtonContextualMenuStyles>

プロパティ値

Partial<DevicesButtonContextualMenuStyles>

継承されたプロパティの詳細

description

説明テキスト (該当する場合) のスタイル (複合ボタンの場合)。

description?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.description

descriptionChecked

ボタンがオンの場合の説明テキストのスタイルのオーバーライド。

descriptionChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.descriptionChecked

descriptionDisabled

ボタンが無効になっている場合の説明テキストのスタイルのオーバーライド。

descriptionDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.descriptionDisabled

descriptionHovered

ボタンをポイントしたときの説明テキストのスタイルのオーバーライド。

descriptionHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.descriptionHovered

descriptionPressed

ボタンが押されたときの説明テキストのスタイル。

descriptionPressed?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.descriptionPressed

flexContainer

ルート要素内の flexbox コンテナーのスタイル。

flexContainer?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.flexContainer

icon

ラベルの近くにあるアイコンのスタイル。

icon?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.icon

iconChecked

ボタンがオンになっている場合のアイコンのスタイルのオーバーライド。

iconChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.iconChecked

iconDisabled

ボタンが無効になっている場合のアイコンのスタイルのオーバーライド。

iconDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.iconDisabled

iconExpanded

展開時のラベルの近くにあるアイコンのスタイル。

iconExpanded?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.iconExpanded

iconExpandedHovered

ラベルの近く側にあるアイコンのスタイルを展開してポイントします。

iconExpandedHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.iconExpandedHovered

iconHovered

ホバー時のラベルの近くにあるアイコンのスタイル。

iconHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.iconHovered

iconPressed

押されたときのラベルの近く側のアイコンのスタイル。

iconPressed?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.iconPressed

label

ボタンのテキスト コンテンツのスタイル。

label?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.label

labelChecked

ボタンがオンになっている場合のテキスト コンテンツのスタイルのオーバーライド。

labelChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.labelChecked

labelDisabled

ボタンが無効になっている場合のテキスト コンテンツのスタイルオーバーライド。

labelDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.labelDisabled

labelHovered

ボタンをポイントしたときのテキスト コンテンツのスタイルオーバーライド。

labelHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.labelHovered

menuIcon

メニューシェブロンのスタイル。

menuIcon?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIcon

menuIconChecked

ボタンがオンの場合のメニュー シェブロンのスタイルのオーバーライド。

menuIconChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIconChecked

menuIconDisabled

ボタンが無効になっている場合のメニュー シェブロンのスタイルのオーバーライド。

menuIconDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIconDisabled

menuIconExpanded

展開時のメニュー シェブロンのスタイル。

menuIconExpanded?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIconExpanded

menuIconExpandedHovered

展開およびホバー時のメニュー シェブロンのスタイル。

menuIconExpandedHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIconExpandedHovered

menuIconHovered

ホバー時のメニュー シェブロンのスタイル。

menuIconHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIconHovered

menuIconPressed

押したときのメニュー シェブロンのスタイル。

menuIconPressed?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.menuIconPressed

root

既定の有効な非トグル状態のルート要素のスタイル。

root?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.root

rootChecked

チェックされた状態のルート要素のスタイルオーバーライド。ルート スタイルの上に重ねられます。

rootChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootChecked

rootCheckedDisabled

チェックされた無効状態のホバー時にルートに適用されるスタイルオーバーライド

rootCheckedDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootCheckedDisabled

rootCheckedHovered

チェックされた有効な状態のホバー時にルートに適用されるスタイルオーバーライド

rootCheckedHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootCheckedHovered

rootCheckedPressed

チェックされた有効な状態で押された時にルートに適用されるスタイルオーバーライド

rootCheckedPressed?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootCheckedPressed

rootDisabled

無効状態のルート要素のスタイルオーバーライド。ルート スタイルの上に重ねて配置されます。

rootDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootDisabled

rootExpanded

メニューが既定の有効な切り替えなしの状態で展開されたときに、ルートに適用されるスタイルオーバーライド。

rootExpanded?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootExpanded

rootExpandedHovered

ホバー時に展開された状態でホバー時にルートに適用されるスタイルオーバーライド

rootExpandedHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootExpandedHovered

rootFocused

既定の有効な、切り替えなしの状態で、フォーカスのルートに適用されるスタイルオーバーライド。

rootFocused?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootFocused

rootHasMenu

ルート要素のスタイルオーバーライドは、ルート スタイルの上に重ねて配置されたメニュー ボタンがある場合です。

rootHasMenu?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootHasMenu

rootHovered

既定の有効な非切り替え状態でホバー時にルートに適用されるスタイルオーバーライド。

rootHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootHovered

rootPressed

既定、有効、切り替えなしの状態で押された場合にルートに適用されるスタイルオーバーライド。

rootPressed?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.rootPressed

screenReaderText

スクリーン リーダー テキストのスタイルのオーバーライド。

screenReaderText?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.screenReaderText

secondaryText

説明テキスト (該当する場合) のスタイル (複合ボタンの場合)。

secondaryText?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.secondaryText

splitButtonContainer

SplitButton 要素を囲むコンテナー div のスタイルオーバーライド

splitButtonContainer?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonContainer

splitButtonContainerChecked

ボタンがオンになっているときに SplitButton 要素を囲むコンテナー div のスタイル。

splitButtonContainerChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonContainerChecked

splitButtonContainerCheckedHovered

ボタンがチェックされてホバーされたときに SplitButton 要素を囲むコンテナー div のスタイル。

splitButtonContainerCheckedHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonContainerCheckedHovered

splitButtonContainerDisabled

無効な状態の SplitButton 要素に関するコンテナー div のスタイルオーバーライド

splitButtonContainerDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonContainerDisabled

splitButtonContainerFocused

ボタンにフォーカスを合わせるときに SplitButton 要素を囲むコンテナー div のスタイル。

splitButtonContainerFocused?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonContainerFocused

splitButtonContainerHovered

ボタンをポイントしたときの SplitButton 要素を囲むコンテナー div のスタイル。

splitButtonContainerHovered?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonContainerHovered

splitButtonDivider

分割ボタンのボタンとメニュー ボタンの間に表示される分割要素のスタイルオーバーライド。

splitButtonDivider?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonDivider

splitButtonDividerDisabled

無効状態の分割ボタンのボタンとメニュー ボタンの間に表示される分割要素のスタイルオーバーライド。

splitButtonDividerDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonDividerDisabled

splitButtonFlexContainer

SplitButton FlexContainer のスタイルオーバーライド。

splitButtonFlexContainer?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonFlexContainer

splitButtonMenuButton

SplitButton メニュー ボタンのスタイルのオーバーライド

splitButtonMenuButton?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuButton

splitButtonMenuButtonChecked

チェック状態の SplitButton メニュー ボタン要素のスタイルのオーバーライド

splitButtonMenuButtonChecked?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuButtonChecked

splitButtonMenuButtonDisabled

SplitButton メニュー ボタン要素のスタイルのオーバーライドが無効な状態です。

splitButtonMenuButtonDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuButtonDisabled

splitButtonMenuButtonExpanded

展開状態の SplitButton メニュー ボタン要素のスタイルのオーバーライド

splitButtonMenuButtonExpanded?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuButtonExpanded

splitButtonMenuFocused

primaryButton のみが無効状態の場合の SplitButton のスタイルのオーバーライド

splitButtonMenuFocused?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuFocused

splitButtonMenuIcon

SplitButton メニュー アイコン要素のスタイルのオーバーライド

splitButtonMenuIcon?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuIcon

splitButtonMenuIconDisabled

SplitButton メニュー アイコン要素のスタイルのオーバーライドが無効な状態である

splitButtonMenuIconDisabled?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.splitButtonMenuIconDisabled

textContainer

flexbox コンテナー要素内のテキスト コンテナーのスタイル (およびテキストと説明が含まれます)。

textContainer?: IStyle

プロパティ値

IStyle

継承元 ControlBarButtonStyles.textContainer