MediaSFU ReactJS
    Preparing search index...

    Interface PaginationOptions

    interface PaginationOptions {
        totalPages: number;
        currentUserPage: number;
        handlePageChange?: (options: GeneratePageContentOptions) => Promise<void>;
        position?: "middle" | "left" | "right";
        location?: "middle" | "bottom" | "top";
        direction?: "horizontal" | "vertical";
        buttonsContainerStyle?: CSSProperties;
        activePageStyle?: CSSProperties;
        inactivePageStyle?: CSSProperties;
        backgroundColor?: string;
        paginationHeight?: number;
        showAspect?: boolean;
        parameters: PaginationParameters;
        containerProps?: HTMLAttributes<HTMLDivElement>;
        pageButtonProps?: (
            context: { page: number; isActive: boolean; isHomePage: boolean },
        ) => ButtonHTMLAttributes<HTMLButtonElement> | undefined;
        renderContainer?: (
            options: { defaultContainer: ReactNode; pages: number[] },
        ) => ReactNode;
        renderPageButton?: (
            options: {
                defaultButton: ReactNode;
                page: number;
                isActive: boolean;
                isHomePage: boolean;
                onSelect: () => Promise<void>;
                label: ReactNode;
            },
        ) => ReactNode;
        renderPageContent?: (
            options: {
                defaultContent: ReactNode;
                page: number;
                isActive: boolean;
                isHomePage: boolean;
                label: ReactNode;
            },
        ) => ReactNode;
    }
    Index

    Properties

    totalPages: number
    currentUserPage: number
    handlePageChange?: (options: GeneratePageContentOptions) => Promise<void>
    position?: "middle" | "left" | "right"
    location?: "middle" | "bottom" | "top"
    direction?: "horizontal" | "vertical"
    buttonsContainerStyle?: CSSProperties
    activePageStyle?: CSSProperties
    inactivePageStyle?: CSSProperties
    backgroundColor?: string
    paginationHeight?: number
    showAspect?: boolean
    containerProps?: HTMLAttributes<HTMLDivElement>
    pageButtonProps?: (
        context: { page: number; isActive: boolean; isHomePage: boolean },
    ) => ButtonHTMLAttributes<HTMLButtonElement> | undefined
    renderContainer?: (
        options: { defaultContainer: ReactNode; pages: number[] },
    ) => ReactNode
    renderPageButton?: (
        options: {
            defaultButton: ReactNode;
            page: number;
            isActive: boolean;
            isHomePage: boolean;
            onSelect: () => Promise<void>;
            label: ReactNode;
        },
    ) => ReactNode
    renderPageContent?: (
        options: {
            defaultContent: ReactNode;
            page: number;
            isActive: boolean;
            isHomePage: boolean;
            label: ReactNode;
        },
    ) => ReactNode