Web SDKv1.0.0

layout.breakpoints

Container widths for each size class. Thresholds are inclusive, so a container exactly 640px wide is narrow. Breakpoints are normalized so tiny <= narrow <= compact always holds, whatever you pass; a class whose threshold equals the one above it is never selected.
LayoutBreakpoints

Example

breakpointsTypeScript
new PDFViewer(container, doc, {
  layout: {
    breakpoints: { compact: 1024, narrow: 700, tiny: 520 },
  },
});

Options 3

compactnumberDefault900
The container width at and below which the viewer is compact.
narrownumberDefault640
The container width at and below which the viewer is narrow.
tinynumberDefault480
The container width at and below which the viewer is tiny.

More in Layout