--- layout: default permalink: /pagination category: components title: Pagination description: "The traditional paging to divide content into numbered pages or indicate that there is a series of related content on several pages.

This component does not include custom colors. It is only available in blue." ---

{{page.title}} Component

{{page.description}}


Example:
{% highlight html %} {% endhighlight %}
Disabled:
{% highlight html %} {% endhighlight %}
Variations
{% highlight html %} {% endhighlight %}
Unified

Add unified to unify container elements e-page-content

{% highlight html %} {% endhighlight %}
{% highlight html %} {% endhighlight %}
Sizes

Add different sizes to the page.

small
{% highlight html %} {% endhighlight %}
plus
{% highlight html %} {% endhighlight %}
Alignments

Change the alignment of pagination components with Alignments utilities.

Centered
{% highlight html %} {% endhighlight %}
Align-end
{% highlight html %} {% endhighlight %}