<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
}