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

조건 묶음

지역 · 브랜드 · 시공사 · 교통 조건을 한 창에서 골라요.

모바일PCFacetFilter실제 데이터 · 2026-11 기준

고르기#

  • 화면 블록(스크리너)이에요. 공용 부품이 아니라 공용 부품을 조립한 화면 조각이에요. 다른 화면에 같은 일이 필요하면 이 블록을 다시 만들지 말고 정본 부품으로 조립해요.

인터페이스#

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

FacetFilter#

속성기본값타입설명
rows*-Row[]
brands*-any
regions*-string[]
setRegions*-(r: string[]) => void
regionTree-RegionTree
brandFilters*-string[]
setBrandFilters*-(u: string[]) => void
builderFilters*-string[]
setBuilderFilters*-(n: string[]) => void
lineFilters-string[]
setLineFilters-(n: string[]) => void
stationFilters-string[]
setStationFilters-(n: string[]) => void
subCap-number
setSubCap-(n: number) => void
airportFilters-string[]
setAirportFilters-(n: string[]) => void
airCap-number
setAirCap-(n: number) => void
roadFilters-string[]
setRoadFilters-(n: string[]) => void
icFilters-string[]
setIcFilters-(n: string[]) => void
icCap-number
setIcCap-(n: number) => void
schoolFilters-string[]
setSchoolFilters-(n: string[]) => void
schoolGroup-SchoolGroup
regionView-RegionView
setRegionView-(v: RegionView) => void
transitView-TransitView
active*-'brand' | 'school' | 'region' | 'builder' | 'transit'골랐는지예요. 주면 aria-pressed로 알려요.

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

접근성#

  • 버튼·입력은 Tab으로 옮기고 Enter·Space로 골라요.
  • 고른 상태는 aria-pressed·aria-checked로 알려요.

플랫폼별 차이#

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

PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요.

PC

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