지수 타일
지역 지수 · 1년 변화 · 추세선을 한 칸에 담아요.
모바일PCIndexTile실제 데이터 · 2026-11 기준
고르기#
이 부품을 언제 쓰고, 언제 다른 것을 쓰는지예요.
언제 쓰나#
- 지수 하나를 타일로.
인터페이스#
타입에서 자동으로 뽑은 표예요.
IndexTile#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| t* | - | Tile | |
| hero | - | boolean | |
| period | 'YoY' | 'YoY' | '6M' | '3M' | |
| periodLabel | - | string | |
| morph | - | boolean | |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
| sparkW | 48 | number | 가로 변종의 스파크라인 크기(기본 48×32). ★홈 상단바처럼 타일이 넓은 자리에선 키운다 |
| sparkH | 32 | number | |
| sparkFill | - | boolean | 차트가 남는 폭을 흡수(글자 왼쪽 · 차트 오른쪽 flex-1). 아래 주석 참고. |
| sparkMaxW | - | number | sparkFill일 때 차트 폭 상한(px). 넘는 폭은 글자와 차트 사이 여백으로 남는다. |
| line | - | boolean | . 줄을 하나로 줄이면 |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 이름 · 값 · 변화는 글자예요. 추세선은 장식이에요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |