<FastSimonApi/>

Logical components that wraps the UI components and allows then to interact with the SDK directly

danger

Components what will render outside this component will not work

Example

Wrap Your project with the FastSimonAPI component

index.jsx
import {FastSimonApi} from "fast-component-library";

const App = () => {
    return (
        <FastSimonApi storeID={my-site-store-id} uuid={my-site-uuid}>
            <div>
                Hello World!
            </div>
        </FastSimonApi>
    )
}

export default App;

Props

Option	Type	Description
storeID	number (required)	Your store ID
uuid	string (required)	Your store UUID
type	AppType (default="SPA")	type - report type (read skd docs)
onReady	() => void	callback to run after the SDK is initialized
cartToken	string	If you are using a custom cart use cartToken to provide a custom token
collectionID	string	collection id if you want to do smart navigation
withProductAttributes	string	include product attributes in the Product object in every response
PromoTiles	boolean (default=false)	Enable / disable Promo tiles
isInfiniteScroll	boolean (default=false)	Enable / disable infinite scroll - this will stack products instead of replacing them
getTitle	({ categoryID?: string, query?: string }) => string	Page Title change value callback if you want to changed titles your way
useFilters	boolean (default=true)	If you don't plan to use filters set this false (less data, more speed)

Example​

Props​

Example

Props