Dashboard Web-Component
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)
​
Last modified 1mo ago
Copy link