빠른 조건 타일
브랜드 · 시공사 · 노선 · 학교를 타일로 골라 조건을 걸어요.
모바일PCBrandTiles · BuilderTiles · TransitTiles · SchoolTiles실제 데이터 · 2026-11 기준
고르기#
- 이 이름은 타일 격자(TileGrid)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
타일 격자 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
BrandTiles#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| rows* | - | Row[] | |
| brands* | - | any | |
| filters* | - | string[] | |
| setFilters* | - | (u: string[]) => void |
BuilderTiles#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| rows* | - | Row[] | |
| filters* | - | string[] | |
| setFilters* | - | (n: string[]) => void |
TransitTiles#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| rows* | - | Row[] | |
| lineFilters* | - | string[] | |
| setLineFilters* | - | (n: string[]) => void | |
| stationFilters* | - | string[] | |
| setStationFilters* | - | (n: string[]) => void | |
| airportFilters* | - | string[] | |
| setAirportFilters* | - | (n: string[]) => void | |
| roadFilters* | - | string[] | |
| setRoadFilters* | - | (n: string[]) => void | |
| icFilters* | - | string[] | |
| setIcFilters* | - | (n: string[]) => void |
SchoolTiles#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| rows* | - | Row[] | |
| filters* | - | string[] | |
| setFilters* | - | (n: string[]) => void |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 버튼·입력은 Tab으로 옮기고 Enter·Space로 골라요.
- 고른 상태는 aria-pressed·aria-checked로 알려요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |