Skip to main content

<TopBar/>

A wrapper component for the sortBy and result summary

Example

index.tsx
import {Results, ProductGrid,FastSimonApi,SearchBox,Filters,TopBar,ResultsSummary,SortBy} from "fast-component-library";
import React from "react";

export const App = () => {
return (
<FastSimonApi storeID={1} uuid={"rand-omuu-id12-3456"}>
<header>
Search: <SearchBox/>
</header>
<TopBar>
<ResultsSummary/>
<SortBy/>
</TopBar>
<Results>
<Filters/>
<ProductGrid/>
</Results>
</FastSimonApi>
)
}

Props

OptionTypeDescription
All div base propsAll div base propsAll div base props
noSeparatorboolean (default=false)disable separator
separatorClassstringseparator class