Pagination dots

많은 페이지를 점 형태로 축약하여 표현하는 네비게이션 요소입니다. 전통적인 숫자 기반 Pagination의 기능을 유지하면서도 시각적으로는 단순한 점 형태를 사용합니다.

Design

Web

iOS

Android

WantedDotIndicator

페이지네이션용 Dot Indicator 컴포넌트입니다. 현재 페이지 위치를 중심으로 일정 개수의 Dot을 표시하며, 선택 상태에 따라 크기와 색상이 애니메이션으로 변경됩니다.

var currentPage by remember { mutableIntStateOf(0) }

WantedDotIndicator(
    totalPageCount = 10,
    visibleDotCount = 5,
    currentIndex = currentPage
)

Parameters

이름	타입	설명
`totalPageCount`	Int	전체 페이지 수입니다.
`visibleDotCount`	Int	화면에 표시할 최대 dot 개수입니다.
`currentIndex`	Int	현재 선택된 페이지 인덱스입니다.
`modifier`	Modifier	컴포넌트에 적용할 Modifier입니다.
`size`	WantedDotIndicatorSize	dot의 크기입니다.
`type`	WantedDotIndicatorType	dot의 스타일 타입입니다.

Advanced

WantedPaginationDotDefaults

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

Enum

WantedDotIndicatorSize

값	설명
`Small`	작은 크기의 dot입니다.
`Medium`	중간 크기의 dot입니다.

WantedDotIndicatorType

값	설명
`Normal`	일반 스타일의 dot입니다.
`White`	흰색 스타일의 dot입니다.