@coreui/react-pro
Version:
UI Components Library for React.js
69 lines (68 loc) • 1.73 kB
TypeScript
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.
*
* @default '<React.Fragment>«</React.Fragment>''
*/
firstButton?: ReactNode | string;
/**
* The content of 'previousButton' button.
*
* @default '<React.Fragment>‹</React.Fragment>'
*/
previousButton?: ReactNode | string;
/**
* The content of 'nextButton' button.
*
* @default '<React.Fragment>›</React.Fragment>''
*/
nextButton?: ReactNode | string;
/**
* The content of 'lastButton' button.
*
* @default '<React.Fragment>»</React.Fragment>'
*/
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>>;