<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

Option	Type	Description
All div base props	All div base props	All div base props
noSeparator	boolean (default=false)	disable separator
separatorClass	string	separator class