@sku-world/sku-product-card v1.0.1

sku-product-card

Sku Product Card is an angular web element used to display data from the SKU product repository.

Install

npm install @sku-world/sku-product-card

Import

Once the card is installed via npm, you can import it into your react code as below (you can also include the built main.js using a script tag): import SkuProductCard from '@sku-world/sku-product-card';

Angular Import

The angular module will eventually export a native component for import into your module structure as needed. Please check back.

Usage

A non-display configuration tag is used to pass the API key and the url of the sku product repo, for example: <sku-config url="http://localhost:5000/api/" apikey="1234XYZ" isadmin="false" loadimagepath="barcodeloader3.gif"></sku-config>

The actual card is added to the page by passing it your product key based on the convention agreed on as part of SKU setup. It like below: <sku-product-card showmodal="true" productid="dbo.OptVals|18730" modelurl="http://path_to_gltf"></sku-product-card></ProductButton>

The showmodal property being set to "true" triggers the modal to appear. This can be set repeatedly without ever setting the value to 'false' (the modal does this internally when the user closes it)