UNPKG

@knowmax/pager-fluentuiv9

Version:

Knowmax Pager with Fluent V9 user interface implementation.

19 lines (18 loc) 876 B
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; }>;