Docs
Search the documentation
⌘K
ES
0.2.0-preview.61
Playground
GitHub
EMPIEZA AQUÍ
Primeros pasos
ARQUITECTURA
Visión general de la arquitectura
Componentes write-once
Superficie declarativa
Arquitectura de paquetes
Componentes
Estilos
Localización
Analytics y GTM
WRITE-ONCE
Almacenamiento
Formularios
Markdown
Mermaid
Renderizado de email
COMPILACIÓN
Resolución de tipos externos
RUNTIME
Runtime (TypeScript)
Rendimiento
SERVIDOR
Assets
BunPackage
Seguridad
ECOSISTEMA
Image
Gráficos
Lottie
DESARROLLO
Roadmap
Docs
Navigation
Pagination
View source
1 min read
Page-by-page traversal of a long result set, with truncated middles.
1
using
eQuantic
.
UI
.
Components
;
DEFAULT
Previous
1
2
3
…
12
Next
page 2 of 12
Usage
1
new
Pagination
{
PageCount
=
12
,
CurrentPage
=
_page
,
OnChanged
=
p
=>
SetState
(()
=>
_page
=
p
)
}
API
Prop
Type
Default
Description
PageCount
int
—
Total pages.
CurrentPage
int
—
Current page.
OnChanged
Action<int>?
null
Page handler.
States
State
Rendering
Current
Primary fill
Available
Ghost
Truncated
Ellipsis, non-interactive
At a bound
Previous or next disables
Accessibility
•
A
nav
named "Pagination"; the current page is marked as such and every control names its destination.
When to use
•
Result sets where position matters and people jump around.
Avoid
•
Feeds — those want infinite scroll with a real "load more".
NOTE
Every dimension resolves through
Sizing.*(SizeVariant)
and the token scales — never a literal. Source:
src/eQuantic.UI.Components/Pagination.cs
.
PREVIOUS
Breadcrumb
NEXT
PageIndicator
ON THIS PAGE
Usage
API
States
Accessibility
When to use
Avoid