Pagination

Multi purpose pagination components supporting numbered windows, icon only navigation, circular pills, and card footer bars.

Component Syntax

blade

<x-aura::pagination :page="4" :totalPages="12" :total="120" :perPage="10" />

1. Numbered Window Pagination

blade

<x-aura::pagination :page="4" :totalPages="12" :total="120" :perPage="10" variant="numbers" />

<x-aura::pagination :page="4" :totalPages="12" :total="120" :perPage="10" variant="numbers" :iconsOnly="true" />

Component Props

Available properties and configurations for the pagination component.

Prop	Default	Available Values
page	1	Page number integer
totalPages	10	Total pages integer
total	null	Total items count integer
perPage	10	Per page items integer
variant	numbers	numbers pills simple compact card
shape	circle	circle square
size	md	sm md lg
iconsOnly	true	true false
align	center	start center end

Aura Wire

Component Library

Pagination

Component Syntax

1. Numbered Window Pagination

Component Props

Stepper

Container

Aura Wire