Elements Pagination
Back to Elements

Pagination

0 components

UI elements you can copy into your project.

API reference

Generated from each primitive's $props() declaration.

Pagination.Root

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
count number 0
perPage number 10
page bind: number 1
siblingCount number 1
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Pagination.Content

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Pagination.Ellipsis

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Pagination.Item

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Pagination.Link

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
size string "icon"
isActive — —
page — —
children — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Pagination.NextButton

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Pagination.PrevButton

Page navigation controls.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.