분포 범위
전국 단지 분포 막대 위에서 아래 · 위 범위를 끌거나 숫자로 정해요.
모바일PCDistRange
고르기#
- 이 이름은 슬라이더(Slider)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
슬라이더 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
DistRange#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| label* | - | string | 화면 읽기 프로그램이 읽는 이름(aria-label)이에요. |
| values* | - | number[] | |
| pre | - | PreBins | 미리 구운 막대 - 있으면 values를 훑지 않는다(첫 페인트부터 최종본). |
| value* | - | Bound | 지금 값이에요. |
| onChange* | - | (b: Bound) => void | 값이 바뀌면 새 값으로 불러요. |
| step* | - | number | 한 칸의 크기예요. |
| domain | - | Bound | |
| ext | - | Bound | |
| fmt* | - | (v: number) => string | |
| unit | - | string | |
| hint | - | string | 값 아래 한 줄이에요. |
| inDiv | - | number | |
| inUnit | - | string | |
| coverNote | - | string | |
| big | - | number |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 손잡이마다 이름이 있고, 숫자 입력으로도 같은 값을 정해요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |