Pagination components

Learn how to use the pagination components in your project.

Pagination example

Installation

You can add this pagination component using our CLI or manually:

npx untitledui add pagination

Pagination examples

Below are examples and variations of this pagination component:

Page default

Page minimal center

Card default

Card minimal right aligned

Card minimal center aligned

Card minimal left aligned

Button group right aligned

Button group center aligned

Button group left aligned

Pagination dot

Pagination line

Inline CTAsProgress steps