마크다운으로 복사링크 공유

지역 필터

시도 → 시군구로 내려가며 지역을 고르는 타일·단계 선택이에요.

모바일PCRegionTiles · RegionCascade

전국 지역 트리 데이터를 받아야 제 모습이 나와요. 리블 홈의 스크리너에서 실제로 볼 수 있어요.

고르기#

  • 이 이름은 타일 격자(TileGrid)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.

타일 격자 문서 보기 →

인터페이스#

타입에서 자동으로 뽑은 표예요.

RegionTiles#

속성기본값타입설명
regions*-string[]
setRegions*-(r: string[]) => void
tree*-RegionTree

RegionCascade#

속성기본값타입설명
regions*-string[]
setRegions*-(r: string[]) => void
tree*-RegionTree
fill-boolean
view-RegionView
setView-(v: RegionView) => void

* 필수예요. 표는 타입에서 자동으로 뽑았어요.

접근성#

  • 타일은 버튼이에요. 하위 지역 열기는 "<지역> 하위 지역 열기"로 읽혀요.

플랫폼별 차이#

플랫폼별 차이
플랫폼차이
모바일

767px 이하에서 누르는 칸과 여백이 커져요(손가락 기준).

PC

마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요.