ParticipantsButtonStyles interface

包:

@azure/communication-react

ParticipantsButton的样式属性。

扩展

ControlBarButtonStyles

属性

menuStyles

ParticipantsButton 菜单浮出控件的样式

继承属性

description	说明文本（如果适用）的样式（适用于复合按钮）。
descriptionChecked	选中按钮时说明文本的样式替代。
descriptionDisabled	禁用按钮时说明文本的样式替代。
descriptionHovered	将按钮悬停时说明文本的样式替代。
descriptionPressed	按下按钮时说明文本的样式。
flexContainer	根元素中弹性框容器的样式。
icon	标签近侧图标的样式。
iconChecked	选中按钮时图标的样式替代。
iconDisabled	禁用按钮时图标的样式替代。
iconExpanded	展开时标签近侧图标的样式。
iconExpandedHovered	展开和悬停时标签近侧图标的样式。
iconHovered	将鼠标悬停在标签的近侧图标的样式。
iconPressed	按下标签的近侧图标的样式。
label	按钮的文本内容的样式。
labelChecked	选中按钮时文本内容的样式替代。
labelDisabled	禁用按钮时文本内容的样式替代。
labelHovered	将按钮悬停时文本内容的样式替代。
menuIcon	菜单 V 形的样式。
menuIconChecked	选中按钮时菜单 V 形的样式替代。
menuIconDisabled	禁用按钮时菜单 V 形的样式替代。
menuIconExpanded	展开时菜单 V 形的样式。
menuIconExpandedHovered	展开和悬停时菜单 V 形的样式。
menuIconHovered	悬停时菜单 V 形的样式。
menuIconPressed	按下菜单 V 形时样式。
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	将按钮悬停在 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

ParticipantsButton 菜单浮出控件的样式

menuStyles?: Partial<ParticipantsButtonContextualMenuStyles>

属性值

Partial<ParticipantsButtonContextualMenuStyles>

继承属性详细信息

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

根元素中弹性框容器的样式。

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

菜单 V 形的样式。

menuIcon?: IStyle

属性值

IStyle

继承自 ControlBarButtonStyles.menuIcon

menuIconChecked

选中按钮时菜单 V 形的样式替代。

menuIconChecked?: IStyle

属性值

IStyle

继承自 ControlBarButtonStyles.menuIconChecked

menuIconDisabled

禁用按钮时菜单 V 形的样式替代。

menuIconDisabled?: IStyle

属性值

IStyle

继承自 ControlBarButtonStyles.menuIconDisabled

menuIconExpanded

展开时菜单 V 形的样式。

menuIconExpanded?: IStyle

属性值

IStyle

继承自 ControlBarButtonStyles.menuIconExpanded

menuIconExpandedHovered

展开和悬停时菜单 V 形的样式。

menuIconExpandedHovered?: IStyle

属性值

IStyle

继承自 ControlBarButtonStyles.menuIconExpandedHovered

menuIconHovered

悬停时菜单 V 形的样式。

menuIconHovered?: IStyle

属性值

IStyle

继承自 ControlBarButtonStyles.menuIconHovered

menuIconPressed

按下菜单 V 形时样式。

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

将按钮悬停在 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