지표 열 머리
검색 결과 표의 지표 열 머리 - 지표 고르기와 정렬을 함께 해요.
모바일PCMetricColumn
검색 상태(정렬·단위)를 부모가 쥐고 있어야 해요. 리블 홈 검색 결과에서 볼 수 있어요.
고르기#
- 이 이름은 단지 표(RankingTable)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
단지 표 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
MetricColumn#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| m* | - | SearchMetric | |
| setM* | - | (x: SearchMetric) => void | |
| sort* | - | SearchSort | |
| setSort* | - | (s: SearchSort) => void | |
| areaUnit* | - | AreaUnit | |
| setAreaUnit* | - | (u: AreaUnit) => void | |
| kind | - | 'val' | 'chg' | |
| sortable | true | boolean | |
| onTouch | - | () => void |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 지표 고르기·정렬은 버튼이에요. 닫기 버튼에 이름이 있어요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |