ParticipantsButtonStyles interface

Reference

Package:: @azure/communication-react

Extends: ControlBarButtonStyles

Properties

Styles of the ParticipantsButton menu flyout

Inherited Properties

description	Style for the description text if applicable (for compound buttons).
descriptionChecked	Style override for the description text when the button is checked.
descriptionDisabled	Style override for the description text when the button is disabled.
descriptionHovered	Style override for the description text when the button is hovered.
descriptionPressed	Style for the description text when the button is pressed.
flexContainer	Style for the flexbox container within the root element.
icon	Style for the icon on the near side of the label.
iconChecked	Style override for the icon when the button is checked.
iconDisabled	Style override for the icon when the button is disabled.
iconExpanded	Style for the icon on the near side of the label when expanded.
iconExpandedHovered	Style for the icon on the near side of the label when expanded and hovered.
iconHovered	Style for the icon on the near side of the label on hover.
iconPressed	Style for the icon on the near side of the label when pressed.
label	Style for the text content of the button.
labelChecked	Style override for the text content when the button is checked.
labelDisabled	Style override for the text content when the button is disabled.
labelHovered	Style override for the text content when the button is hovered.
menuIcon	Style for the menu chevron.
menuIconChecked	Style override for the menu chevron when the button is checked.
menuIconDisabled	Style override for the menu chevron when the button is disabled.
menuIconExpanded	Style for the menu chevron when expanded.
menuIconExpandedHovered	Style for the menu chevron when expanded and hovered.
menuIconHovered	Style for the menu chevron on hover.
menuIconPressed	Style for the menu chevron when pressed.
root	Style for the root element in the default enabled, non-toggled state.
rootChecked	Style override for the root element in a checked state, layered on top of the root style.
rootCheckedDisabled	Style override applied to the root on hover in a checked, disabled state
rootCheckedHovered	Style override applied to the root on hover in a checked, enabled state
rootCheckedPressed	Style override applied to the root on pressed in a checked, enabled state
rootDisabled	Style override for the root element in a disabled state, layered on top of the root style.
rootExpanded	Style override applied to the root on when menu is expanded in the default, enabled, non-toggled state.
rootExpandedHovered	Style override applied to the root on hover in a expanded state on hover
rootFocused	Style override applied to the root on focus in the default, enabled, non-toggled state.
rootHasMenu	Style override for the root element when it has a menu button, layered on top of the root style.
rootHovered	Style override applied to the root on hover in the default, enabled, non-toggled state.
rootPressed	Style override applied to the root on pressed in the default, enabled, non-toggled state.
screenReaderText	Style override for the screen reader text.
secondaryText	Style for the description text if applicable (for compound buttons).
splitButtonContainer	Style override for the container div around a SplitButton element
splitButtonContainerChecked	Style for container div around a SplitButton element when the button is checked.
splitButtonContainerCheckedHovered	Style for container div around a SplitButton element when the button is checked and hovered.
splitButtonContainerDisabled	Style override for the container div around a SplitButton element in a disabled state
splitButtonContainerFocused	Style for container div around a SplitButton element when the button is focused.
splitButtonContainerHovered	Style for container div around a SplitButton element when the button is hovered.
splitButtonDivider	Style override for the divider element that appears between the button and menu button for a split button.
splitButtonDividerDisabled	Style override for the divider element that appears between the button and menu button for a split button in a disabled state.
splitButtonFlexContainer	Style override for the SplitButton FlexContainer.
splitButtonMenuButton	Style override for the SplitButton menu button
splitButtonMenuButtonChecked	Style override for the SplitButton menu button element in a checked state
splitButtonMenuButtonDisabled	Style override for the SplitButton menu button element in a disabled state.
splitButtonMenuButtonExpanded	Style override for the SplitButton menu button element in an expanded state
splitButtonMenuFocused	Style override for the SplitButton when only primaryButton is in a disabled state
splitButtonMenuIcon	Style override for the SplitButton menu icon element
splitButtonMenuIconDisabled	Style override for the SplitButton menu icon element in a disabled state
textContainer	Style for the text container within the flexbox container element (and contains the text and description).

Property Details

menuStyles

Styles of the ParticipantsButton menu flyout

menuStyles?: Partial<ParticipantsButtonContextualMenuStyles>

Property Value

Partial<ParticipantsButtonContextualMenuStyles>

Inherited Property Details

description

Style for the description text if applicable (for compound buttons).

description?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.description

descriptionChecked

Style override for the description text when the button is checked.

descriptionChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.descriptionChecked

descriptionDisabled

Style override for the description text when the button is disabled.

descriptionDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.descriptionDisabled

descriptionHovered

Style override for the description text when the button is hovered.

descriptionHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.descriptionHovered

descriptionPressed

Style for the description text when the button is pressed.

descriptionPressed?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.descriptionPressed

flexContainer

Style for the flexbox container within the root element.

flexContainer?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.flexContainer

icon

Style for the icon on the near side of the label.

icon?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.icon

iconChecked

Style override for the icon when the button is checked.

iconChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.iconChecked

iconDisabled

Style override for the icon when the button is disabled.

iconDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.iconDisabled

iconExpanded

Style for the icon on the near side of the label when expanded.

iconExpanded?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.iconExpanded

iconExpandedHovered

Style for the icon on the near side of the label when expanded and hovered.

iconExpandedHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.iconExpandedHovered

iconHovered

Style for the icon on the near side of the label on hover.

iconHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.iconHovered

iconPressed

Style for the icon on the near side of the label when pressed.

iconPressed?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.iconPressed

label

Style for the text content of the button.

label?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.label

labelChecked

Style override for the text content when the button is checked.

labelChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.labelChecked

labelDisabled

Style override for the text content when the button is disabled.

labelDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.labelDisabled

labelHovered

Style override for the text content when the button is hovered.

labelHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.labelHovered

menuIcon

Style for the menu chevron.

menuIcon?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIcon

menuIconChecked

Style override for the menu chevron when the button is checked.

menuIconChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIconChecked

menuIconDisabled

Style override for the menu chevron when the button is disabled.

menuIconDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIconDisabled

menuIconExpanded

Style for the menu chevron when expanded.

menuIconExpanded?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIconExpanded

menuIconExpandedHovered

Style for the menu chevron when expanded and hovered.

menuIconExpandedHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIconExpandedHovered

menuIconHovered

Style for the menu chevron on hover.

menuIconHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIconHovered

menuIconPressed

Style for the menu chevron when pressed.

menuIconPressed?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.menuIconPressed

root

Style for the root element in the default enabled, non-toggled state.

root?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.root

rootChecked

Style override for the root element in a checked state, layered on top of the root style.

rootChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootChecked

rootCheckedDisabled

Style override applied to the root on hover in a checked, disabled state

rootCheckedDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootCheckedDisabled

rootCheckedHovered

Style override applied to the root on hover in a checked, enabled state

rootCheckedHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootCheckedHovered

rootCheckedPressed

Style override applied to the root on pressed in a checked, enabled state

rootCheckedPressed?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootCheckedPressed

rootDisabled

Style override for the root element in a disabled state, layered on top of the root style.

rootDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootDisabled

rootExpanded

Style override applied to the root on when menu is expanded in the default, enabled, non-toggled state.

rootExpanded?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootExpanded

rootExpandedHovered

Style override applied to the root on hover in a expanded state on hover

rootExpandedHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootExpandedHovered

rootFocused

Style override applied to the root on focus in the default, enabled, non-toggled state.

rootFocused?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootFocused

rootHasMenu

Style override for the root element when it has a menu button, layered on top of the root style.

rootHasMenu?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootHasMenu

rootHovered

Style override applied to the root on hover in the default, enabled, non-toggled state.

rootHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootHovered

rootPressed

Style override applied to the root on pressed in the default, enabled, non-toggled state.

rootPressed?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.rootPressed

screenReaderText

Style override for the screen reader text.

screenReaderText?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.screenReaderText

secondaryText

Style for the description text if applicable (for compound buttons).

secondaryText?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.secondaryText

splitButtonContainer

Style override for the container div around a SplitButton element

splitButtonContainer?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonContainer

splitButtonContainerChecked

Style for container div around a SplitButton element when the button is checked.

splitButtonContainerChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonContainerChecked

splitButtonContainerCheckedHovered

Style for container div around a SplitButton element when the button is checked and hovered.

splitButtonContainerCheckedHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonContainerCheckedHovered

splitButtonContainerDisabled

Style override for the container div around a SplitButton element in a disabled state

splitButtonContainerDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonContainerDisabled

splitButtonContainerFocused

Style for container div around a SplitButton element when the button is focused.

splitButtonContainerFocused?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonContainerFocused

splitButtonContainerHovered

Style for container div around a SplitButton element when the button is hovered.

splitButtonContainerHovered?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonContainerHovered

splitButtonDivider

Style override for the divider element that appears between the button and menu button for a split button.

splitButtonDivider?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonDivider

splitButtonDividerDisabled

Style override for the divider element that appears between the button and menu button for a split button in a disabled state.

splitButtonDividerDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonDividerDisabled

splitButtonFlexContainer

Style override for the SplitButton FlexContainer.

splitButtonFlexContainer?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonFlexContainer

splitButtonMenuButton

Style override for the SplitButton menu button

splitButtonMenuButton?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuButton

splitButtonMenuButtonChecked

Style override for the SplitButton menu button element in a checked state

splitButtonMenuButtonChecked?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuButtonChecked

splitButtonMenuButtonDisabled

Style override for the SplitButton menu button element in a disabled state.

splitButtonMenuButtonDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuButtonDisabled

splitButtonMenuButtonExpanded

Style override for the SplitButton menu button element in an expanded state

splitButtonMenuButtonExpanded?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuButtonExpanded

splitButtonMenuFocused

Style override for the SplitButton when only primaryButton is in a disabled state

splitButtonMenuFocused?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuFocused

splitButtonMenuIcon

Style override for the SplitButton menu icon element

splitButtonMenuIcon?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuIcon

splitButtonMenuIconDisabled

Style override for the SplitButton menu icon element in a disabled state

splitButtonMenuIconDisabled?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.splitButtonMenuIconDisabled

textContainer

Style for the text container within the flexbox container element (and contains the text and description).

textContainer?: IStyle

Property Value

IStyle

Inherited From ControlBarButtonStyles.textContainer

Share via

ParticipantsButtonStyles interface

Properties

Inherited Properties

Property Details

menuStyles

Property Value

Inherited Property Details

description

Property Value

descriptionChecked

Property Value

descriptionDisabled

Property Value

descriptionHovered

Property Value

descriptionPressed

Property Value

flexContainer

Property Value

icon

Property Value

iconChecked

Property Value

iconDisabled

Property Value

iconExpanded

Property Value

iconExpandedHovered

Property Value

iconHovered

Property Value

iconPressed

Property Value

label

Property Value

labelChecked

Property Value

labelDisabled

Property Value

labelHovered

Property Value

menuIcon

Property Value

menuIconChecked

Property Value

menuIconDisabled

Property Value

menuIconExpanded

Property Value

menuIconExpandedHovered

Property Value

menuIconHovered

Property Value

menuIconPressed

Property Value

root

Property Value

rootChecked

Property Value

rootCheckedDisabled

Property Value

rootCheckedHovered

Property Value

rootCheckedPressed

Property Value

rootDisabled

Property Value

rootExpanded

Property Value

rootExpandedHovered

Property Value

rootFocused

Property Value

rootHasMenu

Property Value

rootHovered

Property Value

rootPressed

Property Value