totalPages
totalPages: number
currentUserPage
currentUserPage: number
Optionalposition
position?: "middle" | "left" | "right"
Optionallocation
location?: "middle" | "bottom" | "top"
Optionaldirection
direction?: "horizontal" | "vertical"
buttonsContainerStyle?: CSSProperties
OptionalactivePageStyle
activePageStyle?: CSSProperties
OptionalinactivePageStyle
inactivePageStyle?: CSSProperties
OptionalbackgroundColor
backgroundColor?: string
paginationHeight?: number
OptionalshowAspect
showAspect?: boolean
OptionalcontainerProps
containerProps?: HTMLAttributes<HTMLDivElement>
OptionalpageButtonProps
pageButtonProps?: (
context: { page: number; isActive: boolean; isHomePage: boolean },
) => ButtonHTMLAttributes<HTMLButtonElement> | undefined
OptionalrenderContainer
renderContainer?: (
options: { defaultContainer: ReactNode; pages: number[] },
) => ReactNode
OptionalrenderPageButton
renderPageButton?: (
options: {
defaultButton: ReactNode;
page: number;
isActive: boolean;
isHomePage: boolean;
onSelect: () => Promise<void>;
label: ReactNode;
},
) => ReactNode
OptionalrenderPageContent
renderPageContent?: (
options: {
defaultContent: ReactNode;
page: number;
isActive: boolean;
isHomePage: boolean;
label: ReactNode;
},
) => ReactNode