Themes
Advanced
Utils
Components

Pagination

페이지 탐색, 다음 및 이전 링크를 사용한 페이지 연결의 요소입니다.

View sourceReport an issueView in Playground
<Pagination>

	<PaginationContent>

		<PaginationItem>

			<PaginationPrevious href="#" />

		</PaginationItem>

		<PaginationItem>

			<PaginationLink href="#">1</PaginationLink>

		</PaginationItem>

		<PaginationItem>

			<PaginationLink href="#" isActive>

				2

			</PaginationLink>

		</PaginationItem>

		<PaginationItem>

			<PaginationLink href="#">3</PaginationLink>

		</PaginationItem>

		<PaginationItem>

			<PaginationEllipsis />

		</PaginationItem>

		<PaginationItem>

			<PaginationNext href="#" />

		</PaginationItem>

	</PaginationContent>

</Pagination>

API Reference

이 컴포넌트는 Button 요소를 기반으로 하며 common margin props를 지원합니다.

페이지네이션 구성 요소들을 감싸는 요소입니다.

PaginationContent

페이지네이션 컨텐츠를 구성하는 요 입니다.

PaginationItem

페이지네이션의 아이템을 표시하는 요소입니다. 링크, 버튼 등으로 구성됩니다. 이 컴포넌트는 Button 요소를 기반으로 하며 common margin props를 지원합니다.

페이지네이션의 아이템을 표시하는 요소입니다.

이 컴포넌트는 Button 요소를 기반으로 하며 common margin props를 지원합니다.

해당 요소를 기반으로 하는 컴포넌트

  • PaginationEllipsis
  • PaginationNext
  • PaginationPrevious
PreviousInset
NextPopover
Edit this page on GitHub.