IROUL
회원가입로그인
Pagination

Interactive UI Explorer

아래에서 각 컴포넌트의 다양한 Variants와 States를 문서화된 형태로 테스트해볼 수 있습니다.

Pagination

이전/다음 + 페이지 번호 버튼. showWhenSinglePage로 1페이지만 있을 때 표시 여부를 정합니다 (기본: 항상 표시).

Pagination States

페이지 수와 설정에 따른 다양한 페이징 UI 예시입니다.

Single (Always Show)
<Pagination currentPage={1} totalPages={1} showWhenSinglePage={true} />
showWhenSinglePage={true}
Live Preview
Single (Hidden)
<Pagination currentPage={1} totalPages={1} showWhenSinglePage={false} />
Hidden (1 Page)
Live Preview
Multiple Pages
<Pagination currentPage={3} totalPages={5} />
Multi-page layout
Live Preview