모드 전환
리블과 리블 AI 사이를 오가는 전환이에요. 고른 표시가 미끄러지며 자리를 옮겨요.
모바일PCModeSwitch
누르면 리블과 리블 AI 사이를 실제로 이동해요. 리블 홈 사이드바 맨 위에서 볼 수 있어요.
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 리블 ↔ 리블 AI 전환(브랜드 고유).
인터페이스#
타입에서 자동으로 뽑은 표예요.
ModeSwitch#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| mode* | - | 'ai' | 'reevl' | |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| compact | - | boolean |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 지금 있는 쪽 링크에 aria-current="page"가 붙어요.
- 미끄러지는 표시는 장식이라 읽지 않아요(aria-hidden).
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |