Pagination

Pagination items are automatically generated based on the items-total and the items-per-page properties. The currently selected page is accessible using v-model.

Color Variants

Inkline comes with two predefined pagination styles. You can set the color style of the <IPagination> component using the color property, which can be light or dark. By default, pagination uses the light color.

Size Variants

You're able to use the size property to control the size of your pagination items, using one of the available sizes: sm, md, and lg. The default size is set to md.

Limit

You're able to use the limit modifier to control how many items to show besides the first and last items, including the two ellipsis pagination items.

Make sure this value is an odd number to have the active item centered.

To make things even better, you can responsively control the number of items at each breakpoint, to make sure your design always looks great.

You're able to use the quickLink property to allow the user to click the item to quickly jump through pages, a number of items equal to limit at a time.

Props

Slots

Events

Design Tokens