언어 변경
언어 변경은 서비스의 콘텐츠를 표시할 언어를 변경하거나 별도의 외국어 서비스로 이동하는 데 사용되는 요소이다.
언어 변경은 서비스의 콘텐츠를 표시할 언어를 변경하거나 별도의 외국어 서비스로 이동하는 데 사용되는 요소이다.
사용 지침
다국어를 지원하는 누리집의 헤더 우측 유틸리티 영역에 배치하고, 현재 선택된 언어를 강조하면서 lang 속성을 함께 갱신해 스크린 리더가 언어 전환을 정확히 인식하도록 합니다.
예제
Default
Simple
Controlled
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| aria-label | string | — | Defines a string value that labels the current element. @see aria-labelledby. |
| className | string | — | — |
| closeOnClickOutside | boolean | — | — |
| defaultOpen | boolean | — | — |
| defaultValue | string | — | — |
| id | string | — | — |
| onChange | ((value: string, option: LanguageOption) => void) | — | — |
| onClick | MouseEventHandler<HTMLDivElement> | — | — |
| onOpenChange | ((open: boolean) => void) | — | — |
| open | boolean | — | — |
| options | LanguageOption[] | — | — |
| style | CSSProperties | — | — |
| tabIndex | number | — | — |
| value | string | — | — |