@commercetools-uikit/pagination
Version:
Components for navigating through pages of items
33 lines (32 loc) • 859 B
TypeScript
export type TPageRangeSize = 'xs' | 's' | 'm' | 'l';
export type TPageSizeSelectorProps = {
/**
* Number of items per page, according to the pre-defined range values.
*/
perPage?: number;
/**
* Range of items per page.
* <br/>
* `XS: 5,10,15,20`
* <br/>
* `SMALL: 20,50`
* <br/>
* `MEDIUM: 20,50,100`
* <br/>
* `LARGE: 200,500`
*/
perPageRange?: TPageRangeSize;
/**
* A callback function, called when `perPage` is changed.
*/
onPerPageChange: (value: number) => void;
/**
* Number of items in the current page
*/
pageItems: number;
};
declare const PageSizeSelector: {
({ perPage, perPageRange, ...props }: TPageSizeSelectorProps): import("@emotion/react/jsx-runtime").JSX.Element;
displayName: string;
};
export default PageSizeSelector;