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

구간 칩

세대수 · 가격처럼 값을 구간으로 나눠 여러 개를 켜고 꺼요. 칩마다 단지 수가 붙어요.

모바일PCBandChips

고르기#

  • 이 이름은 칩(Chip)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.

칩 문서 보기 →

인터페이스#

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

BandChips#

속성기본값타입설명
label*-string화면 읽기 프로그램이 읽는 이름(aria-label)이에요.
bands*-Band[]
selected*-string[]
counts*-Record<string, number>
onToggle*-(k: string) => void
hint-string값 아래 한 줄이에요.
coverNote-string

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

접근성#

  • 칩은 버튼이고 aria-pressed로 켜짐을 알려요.

플랫폼별 차이#

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

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

PC

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