Docs
Search the documentation
⌘K
FR
0.2.0-preview.61
Playground
GitHub
COMMENCER ICI
Premiers pas
ARCHITECTURE
Vue d'ensemble de l'architecture
Composants write-once
Surface déclarative
Architecture des paquets
Composants
Styles
Localisation
Analytics et GTM
WRITE-ONCE
Stockage
Formulaires
Markdown
Mermaid
Rendu des e-mails
COMPILATION
Résolution des types externes
RUNTIME
Runtime (TypeScript)
Performance
SERVEUR
Assets
BunPackage
Sécurité
ÉCOSYSTÈME
Image
Graphiques
Lottie
DÉVELOPPEMENT
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