Page counter

콘텐츠에서 사용자의 현재 위치를 안내하는 정보성 컴포넌트입니다. 인터랙션이 없는 수동적 요소로 갤러리, 슬라이더, 문서 뷰어 등에서 진행 상황을 숫자로 간결하게 전달합니다.

Design

Web

iOS

Android

WantedPageCounter

현재 페이지와 전체 페이지 수를 표시하는 컴포넌트입니다. n/n 형식으로 페이지 정보를 표시하며, Normal과 Alternative 스타일을 제공합니다.

var currentPage by remember { mutableIntStateOf(1) }

WantedPageCounter(
    totalPageCount = 10,
    currentIndex = currentPage,
    isAlternative = true
)

Parameters

이름	타입	설명
`totalPageCount`	Int	전체 페이지 수입니다.
`currentIndex`	Int	현재 페이지 인덱스입니다.
`modifier`	Modifier	컴포넌트에 적용할 Modifier입니다.
`size`	WantedPageCounterSize	컴포넌트의 크기입니다.
`isAlternative`	Boolean	alternative 배경 스타일 적용 여부입니다.

Advanced

WantedPaginationCounterDefaults

Page counter 컴포넌트에서 사용하는 설정 값을 정의하는 객체입니다.

Enum

WantedPageCounterSize

값	설명
`Small`	작은 크기의 Page counter 입니다.
`Normal`	일반 크기의 Page counter 입니다.