Skip to content

@agala-labs/ui

Pagination

Moves through a known number of paginated records.

Examples

Default
<AgalaPagination v-model="page" :total="240" :page-size="20" show-edges />

Import

import { AgalaPagination } from '@agala-labs/ui'

API

PropTypeDefaultDescription
totalnumberRequired record count.
modelValuenumberRequired current page.
pageSizenumberRecords per page.
siblingCountnumberAdjacent page buttons.
showEdgesbooleanfalseShows first/last controls.
classstringConsumer override class.

Events

  • update:modelValue(page: number)

Accessibility

Uses labeled navigation and exposes the current page; mobile layout stays touch-friendly.

Released under the MIT License.