Skip to main content

<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

OptionTypeDescription
storeIDnumber (required)Your store ID
uuidstring (required)Your store UUID
typeAppType (default="SPA")type - report type (read skd docs)
onReady() => voidcallback to run after the SDK is initialized
cartTokenstringIf you are using a custom cart use cartToken to provide a custom token
collectionIDstringcollection id if you want to do smart navigation
withProductAttributesstringinclude product attributes in the Product object in every response
PromoTilesboolean (default=false)Enable / disable Promo tiles
isInfiniteScrollboolean (default=false)Enable / disable infinite scroll - this will stack products instead of replacing them
getTitle({ categoryID?: string, query?: string }) => stringPage Title change value callback if you want to changed titles your way
useFiltersboolean (default=true)If you don't plan to use filters set this false (less data, more speed)