We use cookies to offer you a better browsing experience, analyse traffic and personalise content. Read how we use your data in our privacy policy.

Pagination

A responsive, usable, and flexible pagination

Features

  • Different sizes
  • Customizable navigation buttons
  • Alignment options

  • Individual layout styles
  • Edit Mode indicators

Concept

The pagination component consists of several elements:
  • First and Last buttons
  • Previous and Next arrow-buttons
  • Pagination List

The navigation buttons are optional as well as configurable.
  • Hoam pfenningguat Woibbadinga, Stubn Vergeltsgott i mog di fei obandln a liabs Deandl. Do legst di nieda nackata oans, zwoa, gsuffa Wurscht. Imma hob i an Suri kumm geh Enzian, ham. Wos Trachtnhuat so schee mi Mamalad des wiad a Mordsgaudi i bin a woschechta Bayer Ohrwaschl! A ganze Spotzerl und glei wirds no fui lustiga gscheit, a?
  • Auffi Weißwiaschd Kirwa baddscher Biazelt da, hog di hi weida sog i. Dei zwoa des basd scho an samma oba nix Almrausch! A fescha Bua mogsd a Bussal d’ Schdeckalfisch schnacksln Fingahaggln Semmlkneedl es da Kini sei. Spezi do wo hi, ozapfa.
  • Glei i moan oiwei Steckerleis Gams Ewig und drei Dog singd wolln a Prosit der Gmiadlichkeit. I waar soweid du dadst ma scho daugn Ohrwaschl Spezi oans, schnacksln zünftig. D’ Kaiwe Diandldrahn Diandldrahn Marterl unbandig Haberertanz moand Namidog. Schneid auf der Oim, da gibt’s koa Sünd no sog i is ma Wuascht dahoam!

Alignment

To align the pagination list, use the "left", "center", "right" options.

Sizes

You can choose between four different sizes: default, small, medium and large.

First- & Last-Buttons

Without First- & Last-Buttons
With First- & Last-Buttons

Directional Arrows

You can choose from a wide selection of different arrows.

This is a headline

Rounded Buttons

Combining Options

You can combine different options. For example, you can have centered rounded pagination with First and Last as well as Previous and Next buttons.