Diggi Docs
PageIndicator
Ein Page Indicator zeigt die Anzahl der vorhandenen Seiten an und gibt Orientierung, auf welcher Seite der Nutzer sich gerade befindet. Als interaktives Element dient er dem Nutzer ebenfalls zur Seitennavigation. Einsatzorte für den Page Indicator sind zum Beispiel in Galerien, in einem Slider oder anderen Website-Elementen. Daher kommt der Page Indicator sowohl nummeriert als auch unnummeriert zum Einsatz.

Eigenschaften

NameTypeDefault ValueDescription

name

string

undefined

Name of the Page Indicator

pages

number

undefined

amount of pages

isNumbered

boolean

false

Shows numbers if true

disabled

boolean

false

prevent click on indicator steps if true

selected

number

1

number of the selected page

Events

NameDescription

prevClicked

triggers if the previous button is clicked

clicked

triggers if a specific step other than the current is clicked and return that page number

nextClicked

triggers if the next button is clicked


Beispiele

Default

Default disabled

Numbered

Numbered 200 pages

Numbered 20 pages selected 5

Numbered 20 pages selected 18 disabled