Page Indicator
숫자 또는 원형 도형을 사용해 현재 페이지 위치를 표시하거나 전체 페이지 범위를 안내합니다.
Controls
Kind
Total
Size
Color
Dot Indicator
페이지 수가 비교적 적거나, 상세한 숫자 정보가 필요 없는 경우에 사용합니다. 현재 위치를 시각적으로 표현하며, 슬라이드나 온보딩 등 단계 진행 안내에 적합합니다.
Size
Normal
Small
Color
Black
White
Total
Total ≤ 5
Total ≥ 6
Number Indicator
페이지 수를 명확히 인식시켜야 하거나, 현재 페이지 위치와 전체 페이지 수를 함께 보여줄 때 사용합니다.
Size
Normal
03/ 12
Small
03/ 12
Background
With BG
01/ 08
Without BG
01/ 08
Pagination
페이지 수가 많아 사용자가 여러 페이지 중 특정 위치로 이동해야 할 때 사용합니다.
Variant
Normal
...
Simple
3 / 20
State
First Page
...
Last Page
...