Pagination
도형이나 숫자를 통해 사용자의 위치를 안내하기 위해 사용합니다.
전체 정보의 양과 현재 사용자가 위치한 지점을 함께 표시하여 사용자가 쉽게 현재 위치를 파악하도록
합니다.
Anatomy
컴포넌트에 포함되는 요소에 대한 정의입니다.
-
1. Active dot
사용자가 현재 보고있는 페이지의 위치를 점의 색상으로 구분하여 나타냅니다.
-
2. Inactive dot
전체 페이지의 총량을 점의 갯수로 나타냅니다.
-
1. Current Page
사용자가 확인하고 있는 콘텐츠의 위치를 숫자로 나타냅니다.
-
2. Total Page
전체 콘텐츠를 숫자로 표현합니다.
Type
-
A. Active dot
페이지의 위치를 표기할 때 사용합니다.
-
B. Number Pagination
콘텐츠의 위치를 표기할 때 사용합니다.