Skip to main content

<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

OptionTypeDescription
startTextstring (default="«")Pagination "Start" text
prevTextstring (default="‹")Pagination "Previous" text
endTextstring (default="»")Pagination "end" text
nextTextstring (default="›")Pagination "next" text
viewnumber (default=3)Max pages to show
isScrollTopboolean (default=true)Scroll to top after selected
scrollTopSelectorstring (default="html")Scroll to top css selector
customClassesCustomClassesCustom classes for the pagination elements

Types

interface CustomClasses {
paginator?: string
item?: string
selected?: string
nav?: string
}