U-pagination.vue NPM

Pagination

Examples

Basic

<u-linear-layout direction="vertical">
    <u-pagination :total="11"></u-pagination>
    <u-pagination :total="11" :page="6"></u-pagination>
</u-linear-layout>

Side & Around

Use side and around properties to change the count of displayed numbers.

<u-pagination :total="11" :page="6" :side="1" :around="3"></u-pagination>

Readonly & Disabled

<u-linear-layout direction="vertical">
    <u-pagination :total="11" readonly></u-pagination>
    <u-pagination :total="11" disabled></u-pagination>
</u-linear-layout>

API

Attrs/Props

Attr/Prop	Type	Default	Description
page	Number	`1`	Current page number
total	Number	`11`	Total count of pages
side	Number	`2`	Count of pages at side position
around	Number	`5`	Count of pages around the current position
readonly	Boolean	`false`	Readonly
disabled	Boolean	`false`	Disabled