The dossier

A document shell: give it pages and a renderer, and it brings navigation, zoom, view modes, thumbnails, side panels and a control tray. You are using one now; here it is again, small, with its zones marked.

• A · title bar
• B · thumbnail sidebar
• C · pages, in focus, browse or preview mode
• D · control tray
• E · indicator lights
• F · side panel (an explorer here)

<HarbuzDossier
  document={{ title, totalPages, pages, outline }}
  renderPage={({ pageNumber, zoom, theme }) => <MyPage … />}
  placementMode="internal"
/>