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	단추를 확인할 때 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

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

단추를 확인할 때 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에서 상속된