DevicesButtonStyles interface

套件:

@azure/communication-react

[裝置] 按鈕功能表項的樣式。

Extends

ControlBarButtonStyles

屬性

menuStyles

DevicesButton 功能表的樣式。

繼承的屬性

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	核取按鈕時，容器 div 圍繞 SplitButton 元素的樣式。
splitButtonContainerCheckedHovered	核取並暫留按鈕時，容器 div 圍繞 SplitButton 元素的樣式。
splitButtonContainerDisabled	處於停用狀態的 SplitButton 元素周圍容器 div 的樣式覆寫
splitButtonContainerFocused	當按鈕為焦點時，容器 div 的樣式會圍繞 SplitButton 元素。
splitButtonContainerHovered	當按鈕暫留時，容器 div 圍繞 SplitButton 元素的樣式。
splitButtonDivider	分割按鈕的按鈕和功能表按鈕之間出現的分隔項樣式覆寫。
splitButtonDividerDisabled	在處於停用狀態之分割按鈕的按鈕和功能表按鈕之間出現的分隔元素樣式覆寫。
splitButtonFlexContainer	SplitButton FlexContainer 的樣式覆寫。
splitButtonMenuButton	SplitButton 功能表按鈕的樣式覆寫
splitButtonMenuButtonChecked	處於已核取狀態的 SplitButton 功能表按鈕元素樣式覆寫
splitButtonMenuButtonDisabled	處於停用狀態的 SplitButton 功能表按鈕元素樣式覆寫。
splitButtonMenuButtonExpanded	處於展開狀態的 SplitButton 功能表按鈕元素樣式覆寫
splitButtonMenuFocused	只有 primaryButton 處於停用狀態時，SplitButton 的樣式覆寫
splitButtonMenuIcon	SplitButton 功能表圖示項目的樣式覆寫
splitButtonMenuIconDisabled	處於停用狀態的 SplitButton 功能表圖示元素樣式覆寫
textContainer	flexbox 容器元素內文字容器的樣式（且包含文字和描述）。

屬性詳細資料

menuStyles

DevicesButton 功能表的樣式。

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

核取按鈕時，容器 div 圍繞 SplitButton 元素的樣式。

splitButtonContainerChecked?: IStyle

屬性值

IStyle

繼承自 ControlBarButtonStyles.splitButtonContainerChecked

splitButtonContainerCheckedHovered

核取並暫留按鈕時，容器 div 圍繞 SplitButton 元素的樣式。

splitButtonContainerCheckedHovered?: IStyle

屬性值

IStyle

繼承自 ControlBarButtonStyles.splitButtonContainerCheckedHovered

splitButtonContainerDisabled

處於停用狀態的 SplitButton 元素周圍容器 div 的樣式覆寫

splitButtonContainerDisabled?: IStyle

屬性值

IStyle

繼承自 ControlBarButtonStyles.splitButtonContainerDisabled

splitButtonContainerFocused

當按鈕為焦點時，容器 div 的樣式會圍繞 SplitButton 元素。

splitButtonContainerFocused?: IStyle

屬性值

IStyle

繼承自 ControlBarButtonStyles.splitButtonContainerFocused

splitButtonContainerHovered

當按鈕暫留時，容器 div 圍繞 SplitButton 元素的樣式。

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