NavigationControlOptions: { buttonSizing?: "compact" | "standard" | number; emptyPageCounterFormat?: string; pageCounterFormat?: string; pageInputWidth?: number; showFirstButton?: boolean; showLastButton?: boolean; showNextButton?: boolean; showPageInput?: boolean; showPrevButton?: boolean }

Configuration options for the Page Navigation toolbar component

Type declaration

  • Optional buttonSizing?: "compact" | "standard" | number

    Controls the sizing of navigation buttons

    • 'compact': 30px width
    • 'standard': 40px width
    • number: Custom width in pixels

    Default

    'compact'

  • Optional emptyPageCounterFormat?: string

    Display text when no document is loaded

    Default

    "-- / --"

  • Optional pageCounterFormat?: string

    Custom format for the page counter text Available placeholders:

    • {{current}}: Current page number
    • {{total}}: Total page count

    Default

    "{{current}} / {{total}}"

  • Optional pageInputWidth?: number

    Width of the page input container in pixels

    Default

    70

    Minimum

    50

  • Optional showFirstButton?: boolean

    Show/hide the 'First Page' navigation button

    Default

    false

  • Optional showLastButton?: boolean

    Show/hide the 'Last Page' navigation button

    Default

    false

  • Optional showNextButton?: boolean

    Show/hide the 'Next Page' navigation button

    Default

    true

  • Optional showPageInput?: boolean

    Show/hide the page number input and counter display

    Default

    true

  • Optional showPrevButton?: boolean

    Show/hide the 'Previous Page' navigation button

    Default

    true