@coreui/react-pro/dist/esm/components/smart-pagination/CSmartPagination.d.ts

UI Components Library for React.js

import React, { ReactNode, HTMLAttributes } from 'react';
export interface CSmartPaginationProps extends HTMLAttributes<HTMLUListElement> {
    /**
     * A string of all className you want applied to the base component.
     */
    className?: string;
    /**
     * Current page number.
     */
    activePage?: number;
    /**
     * Show/hide dots.
     */
    dots?: boolean;
    /**
     * Show/hide arrows.
     */
    arrows?: boolean;
    /**
     * Show double arrows buttons.
     */
    doubleArrows?: boolean;
    /**
     * The content of `firstButton` button.
     */
    firstButton?: ReactNode | string;
    /**
     * The content of `previousButton` button.
     */
    previousButton?: ReactNode | string;
    /**
     * The content of `nextButton` button.
     */
    nextButton?: ReactNode | string;
    /**
     * The content of `lastButton` button.
     */
    lastButton?: ReactNode | string;
    /**
     * Size of pagination, valid values: 'sm', 'lg'.
     */
    size?: 'sm' | 'lg';
    /**
     * Horizontall align.
     */
    align?: 'start' | 'center' | 'end';
    /**
     * Maximum items number.
     */
    limit?: number;
    /**
     * Number of pages.
     */
    pages: number;
    /**
     * On active page change callback.
     */
    onActivePageChange?: (activePage: number) => void;
}
export declare const CSmartPagination: React.ForwardRefExoticComponent<CSmartPaginationProps & React.RefAttributes<HTMLUListElement>>;