Page indicator

Shows the number of pages in a series and indicates which page is currently on display.

React

unsupported

Vue

unsupported

Elements

unsupported

Android

unsupported

iOS

released

Example

Example theme:

DBA lightFinn lightTori lightBlocket lightDBA darkFinn darkTori darkBlocket dark

Usage

Design Guidelines

See Figma: Warp - Components / Page indicator

Questions?

Feel free to ask any questions on usage in the Warp DS Slack channel: #smp-warp-design-system

Frameworks

Syntax

Warp.PageIndicator(
    pageCount: Int,
    selectedPage: Binding<Int> = .constant(0)
)

Warp.PageIndicator(pageCount: 5)

Legacy support

By default all Warp components return a SwiftUI View but there is always a UIKit UIView available to use also.

Warp.PageIndicator(pageCount: 5).uiView

Parameters

Required props

name	type	default	notes
pageCount	Int		The total number of pages.
selectedPage	Binding Int		Binding to an integer representing the currently selected page.