PageNav

Anatomy

<PageNav.Prev />
<PageNav.Input />
<PageNav.Next />

<PageNav.Prev />
<PageNav.Input />
<PageNav.Next />

Usage

PageNav.Input commits on Enter or blur, reverts on Escape and selects its content on focus. In single-page mode with several columns, Prev and Next move a whole spread. Page labels (roman numerals for front matter) come from viewer.document.pageLabel(n).

API reference

`PageNav.Prev`

Renders a <button> (or your element via child) and accepts its HTML attributes.

No props of its own besides ref, child and children.

Snippet prop	Type
`disabled`	`boolean`

Data attributes data-pdf-page-prev

`PageNav.Next`

Renders a <button> (or your element via child) and accepts its HTML attributes.

No props of its own besides ref, child and children.

Snippet prop	Type
`disabled`	`boolean`

Data attributes data-pdf-page-next

`PageNav.Input`

Renders a <input> (or your element via child) and accepts its HTML attributes.

No props of its own besides ref, child and children.

Snippet prop	Type
`page`	`number`
`numPages`	`number`

Data attributes data-pdf-page-input