<Results/>

A wrapper component for the product grid and filters

Example

index.tsx

import {Results, ProductGrid,FastSimonApi,SearchBox,Filters} 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>
        </FastSimonApi>
    )
}

Props

Option	Type	Description
All div base props	All div base props	All div base props
ratio	Ratio (default=defaultRatio)	Ratio of filters and product grid

Types

interface Ratio {
    FilterRatio: string,
    ProductRatio: string
}

const defaultRatio: Ratio =  {
    FilterRatio: "max(20%, 230px)",
    ProductRatio: "80%"
}