Pagination

이전/다음 방식의 페이지 탐색 컴포넌트입니다. currentPage와 totalPages를 받아 버튼 활성화 여부를 자동으로 처리합니다.

기본

첫 페이지 (이전 비활성)

마지막 페이지 (다음 비활성)

단일 페이지 (양쪽 비활성)

사용법

import Pagination from '@components/ui/pagination/Pagination.astro'

<Pagination currentPage={1} totalPages={5} />

Props

Prop	Type	필수	설명
currentPage	number	✅	현재 페이지 (1-based)
totalPages	number	✅	전체 페이지 수

동작 규칙

• currentPage <= 1 이면 이전 버튼은 <span class="is-disabled">으로 렌더링됩니다.
• currentPage >= totalPages 이면 다음 버튼은 <span class="is-disabled">으로 렌더링됩니다.
• 활성 버튼은 <a> 태그로 렌더링됩니다. 실제 href는 사용하는 쪽에서 처리해야 합니다.