가장자리 화살표
가로로 스크롤되는 줄 양끝에 넘김 화살표를 띄워요. 휠 마우스로도 옆을 볼 수 있게 해요.
모바일PCEdgeArrows
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 가로로 넘기는 줄의 양끝 화살표.
인터페이스#
타입에서 자동으로 뽑은 표예요.
EdgeArrows#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| scrollRef* | - | RefObject<HTMLElement | null> | |
| anchorRef | - | RefObject<HTMLElement | null> | viewport 모드에서 세로 위치를 맞출 요소(표의 칼럼 헤더). |
| labels | - | { l: string; r: string; } | |
| off | false | boolean | |
| mode | 'overlay' | 'overlay' | 'viewport' | overlay(기본) = 레일을 감싼 relative 래퍼 안에 absolute · viewport = 화면 좌표 fixed(긴 표 전용) |
| size | - | number | 버튼 지름. 미지정 시 레일 높이에 맞춘다(칩 줄과 한 줄로 보이게). |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 넘김 버튼에 이름이 있어요("왼쪽 보기" · "오른쪽 보기", 바꿀 수 있어요).
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |