Pagination.
A predictable way through a longer list.
LIVE PREVIEWTry it. It works.
Usage
<Pagination page={page} totalPages={4} onPageChange={setPage} />Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.
API & behaviour
Controlled, one-based page index. Boundary actions are disabled; page changes are announced politely. Keep page between 1 and totalPages.
Notes to self
Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.