@knowmax/pager-fluentuiv9
Version:
Knowmax Pager with Fluent V9 user interface implementation.
19 lines (18 loc) • 876 B
TypeScript
import { FunctionComponent } from "react";
import { ButtonProps } from '@fluentui/react-button';
/**
* ButtonDisplay component renders a set of navigation buttons for page switching. It calculates the displayed page numbers
* based on the current page and total pages, and adds ellipsis ('...') when appropriate to optimize pagination navigation.
*
* @param currentPage - The current active page.
* @param totalPages - The total number of available pages.
* @param onChange - Callback function to handle page changes.
* @param buttonProps? - Props that can be passed to overwrite the appearance and behavior of the button within the component.
*/
export declare const ButtonDisplay: FunctionComponent<{
currentPage: number;
totalPages: number;
onChange: (newPage: number) => void;
buttonProps?: ButtonProps;
selectedButtonProps?: ButtonProps;
}>;