pdfrx_web
    Preparing search index...

    Interface PdfThumbnailListProps

    Props for PdfThumbnailList.

    interface PdfThumbnailListProps {
        className?: string;
        onInsertFiles?: (files: File[], index: number) => void;
        onMovePage?: (fromPageNumber: number, toIndex: number) => void;
        onNavigate?: (pageNumber: number) => void;
        renderPageActions?: (pageNumber: number) => ReactNode;
        style?: CSSProperties;
        width?: number;
    }
    Index
    className? onInsertFiles? onMovePage? onNavigate? renderPageActions? style? width?
    className?: string
    onInsertFiles?: (files: File[], index: number) => void

    Enables dropping files (PDFs or images) onto the strip to insert them as pages. index is the 0-based position to insert at (0 = before the first page, pageCount = after the last), taken from where the drop lands between thumbnails. An insertion line follows the cursor while dragging.

    Uses HTML5 file drag & drop, which browsers do not raise for touch.

    onMovePage?: (fromPageNumber: number, toIndex: number) => void

    Enables dragging a thumbnail to a new position. fromPageNumber is the 1-based page being moved and toIndex is the 0-based slot to drop it before (0 = first, pageCount = last). The same insertion line marks the target.

    Pointer-based, so it works with both mouse and touch: a mouse drag starts on movement, a touch drag on a short long-press (a plain swipe still scrolls).

    onNavigate?: (pageNumber: number) => void

    Called after a thumbnail navigates — e.g. to close a drawer on a phone.

    renderPageActions?: (pageNumber: number) => ReactNode

    Extra controls drawn over each thumbnail on hover — rotate, delete, whatever the app supports. Clicks inside are kept from navigating.

    style?: CSSProperties
    width?: number

    Thumbnail width in CSS pixels. Defaults to 130.

    Settings
    Member Visibility

    On This Page
    Properties