Indielayer UI - Vue.js 3 / Nuxt.js 3 UI Library with Tailwind CSS 4. ⚡️  Build and prototype fast web applications.

Indielayer
Indielayer UIIndielayer UI
UI
v2.1.0

Pagination

Controls for moving through large result sets page by page. Use pagination with tables, lists, and search results to keep each view manageable.

#
Usage

Basic example with common props.

    Pageof 10

Pagination with links (?page) query string

#API

Pagination

props

Name
Description
Type
Default
Values
Required
size
Control size. One of xs, sm, md, lg, xl.
String
md
xssmmdlgxl
links
Renders page buttons as links (`?page=` query).
Boolean
false
totalPages
Total number of pages.
Number
1
modelValue
Current page (v-model).
Number
1
variant
Layout style (simple, quick, or dots).
String
simple
simplequickdots

emits

Name
Description
update:modelValue
Emitted when the current page changes (v-model).