<Pagination/>
A component for pagination
Example
index.tsx
import {Results, ProductGrid,FastSimonApi,SearchBox,Filters, Pagination} from "fast-component-library";
import React from "react";
export const App = () => {
return (
<FastSimonApi storeID={1} uuid={"rand-omuu-id12-3456"}>
<header>
Search: <SearchBox/>
</header>
<Results>
<Filters/>
<ProductGrid/>
</Results>
<Pagination/>
</FastSimonApi>
)
}
Props
Option | Type | Description |
---|---|---|
startText | string (default="«") | Pagination "Start" text |
prevText | string (default="‹") | Pagination "Previous" text |
endText | string (default="»") | Pagination "end" text |
nextText | string (default="›") | Pagination "next" text |
view | number (default=3) | Max pages to show |
isScrollTop | boolean (default=true) | Scroll to top after selected |
scrollTopSelector | string (default="html") | Scroll to top css selector |
customClasses | CustomClasses | Custom classes for the pagination elements |
Types
interface CustomClasses {
paginator?: string
item?: string
selected?: string
nav?: string
}