welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
26 lines (25 loc) • 937 B
TypeScript
import { ForwardRefProps } from '../../utils';
export interface NavigationTexts {
firstPage?: string;
lastPage?: string;
nextPage?: string;
previousPage?: string;
}
export interface PaginationOptions {
buttonFirstProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
buttonLastProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
buttonNextProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
buttonPrevProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
condensed?: boolean;
dataTestId?: string;
getHref?: (page: number | string) => string;
listProps?: React.OlHTMLAttributes<HTMLOListElement>;
navigationTexts?: NavigationTexts;
onChange: (page: number | string) => void;
page: number;
pageCount: number;
rangeDisplay?: number;
showEdgeControls?: boolean;
size?: 'lg' | 'md';
}
export type PaginationProps = ForwardRefProps<PaginationOptions, 'nav'>;