Share via

DevicesButtonStyles interface

  • Reference
Package:
@azure/communication-react

Styles for the Devices button menu items.

Extends
ControlBarButtonStyles

Properties

menuStyles

Styles for the DevicesButton menu.

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 for the DevicesButton menu.

menuStyles?: Partial<DevicesButtonContextualMenuStyles>

Property Value

Partial<DevicesButtonContextualMenuStyles>

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