<custody-transfer-summary>

Usage

0. If you haven't already, go through the setup for the module.

1. Import the <custody-transfer-summary> element somewhere in the javascript side of your web-app like this:

import '@darksoil-studio/chain-of-custody/dist/elements/custody-transfer-summary.js'

2. Use it in the html side of your web-app like this:

Lit

<custody-transfer-summary .custodyTransferHash=${ custodyTransferHash }>
</custody-transfer-summary>

React

<custody-transfer-summary custodyTransferHash={ custodyTransferHash }>
</custody-transfer-summary>

Angular

<custody-transfer-summary [custodyTransferHash]="custodyTransferHash">
</custody-transfer-summary>

Vue

<custody-transfer-summary :custodyTransferHash="custodyTransferHash">
</custody-transfer-summary>

Svelte

<custody-transfer-summary custody-transfer-hash={encodeHashToBase64(custodyTransferHash)}>
</custody-transfer-summary>

WARNING

Like all the elements in this module, <custody-transfer-summary> needs to be placed inside an initialized <chain-of-custody-context>.

Demo

Here is an interactive demo of the element:

API Reference

<custody-transfer-summary> is a custom element, which means that it can be used in any web app or website. Here is the reference for its API: