Paginator Overview

What does the component do?

  • It shows that several elements or pages are available through which the user can navigate.

When should the component be used?

  • When several, horizontal elements have to be swiped.

Rules

  • Can only be used for horizontal swiping.
  • The pagination contains one bubble per element.
  • If only one element is available, the pagination is hidden.
  • The pagination is not in a loop

Accessibility

  • State of pagination must be stored as alternative text (e.g. "Page 2 of 3").
 Variants

Variants

  • Default
  • Floating

Default

Image of the pagination, default
Image of the pagination, default

Floating

Image of the pagination, floating
Image of the pagination, floating

Specification

Design