StellarUI

<stellar-pagination>

Numbered page navigation with compact mode and link rendering.

Copy

<stellar-pagination
  total="12"
  current="4"
>
</stellar-pagination>

Complete props, events, slots, and implementation notes for the shipped pagination control.

Prop	Type	Default
`appearance`	`normal \| filled \| unstyled`	`normal`
`current`	`number`	`1`
`disabled`	`boolean`	`false`
`ellipsis`	`boolean`	`false`
`format`	`compact \| standard`	`standard`
`label`	`string`	`Pagination`
`link-formatter`	`string`	`''`
`siblings`	`number`	`1`
`total`	`number`	`1`
`without-ends`	`boolean`	`false`
`without-nav`	`boolean`	`false`

Event	Source	Notes
`before-page-change`	`stellar-pagination`	Cancelable event emitted before a button-driven page change. The event detail includes `currentPage` and `requestedPage`.
`page-change`	`stellar-pagination`	Emitted after the current page changes from button interaction.
`input` / `change`	`stellar-pagination`	Emitted with button-driven page changes so docs and app state can round-trip the mutable `current` prop.

Slot	Notes
`previous-icon`	Optional icon override for the previous button.
`next-icon`	Optional icon override for the next button.

`stellar-pagination` owns the page-range logic and compact vs standard presentation without requiring authored child items.
`multiple`-style dataset state stays outside this component. The only mutable control surface here is the current page via `current`.
When `link-formatter` is present the control renders links instead of local buttons, so page navigation becomes app-routed instead of component-owned.
The standard format always shows the sibling window around the current page. `ellipsis` only controls whether hidden gaps render as `...`, and `without-ends` removes the first/last page buttons.