Dashboard Web-Component

Search…

You can utilize our dashboard component by specifying the pay-engine web component with type dashboard and other necessary properties.
1
<pay-engine id="pf-dashboard" 
2
    type="dashboard" 
3
    merchant-id="d8dfafb5-88d6-46c7-ba14-1ff972564085" 
4
    hash="0709c7f107ed6326aaeaa3810330834870591f3924943e7bce66a826ac532045"></pay-engine>
Copied!
​
Properties and Styling
Properties
Following are properties that can be set on this web-component. You can set the property via a JavaScript object reference, or directly inline as an HTML tag attribute. See the example below:
1
<pay-engine id="pf-dashboard" 
2
    type="dashboard" 
3
    merchant-id="d8dfafb5-88d6-46c7-ba14-1ff972564085" 
4
    hash="0709c7f107ed6326aaeaa3810330834870591f3924943e7bce66a826ac532045"></pay-engine>
Copied!
Following is a list of applicable properties.
Class 
Description
merchant-id
Merchant ID (generated by using create merchant API call) 
hash
HMAC generated from merchant-id (see securing embedded UIs section)
​

JS Client Library Properties & Styling - Previous

Payment Form Web-Component

Next - JS Client Library Properties & Styling

Credit Card Web-Component

Last modified 1mo ago

Copy link

Contents

Properties and Styling