mozo-sdk-ui v0.0.27

mozo-sdk-ui

mozo-sdk-ui is a web component built with Stencil. This SDK will be used to integrate the Web Application with the MOZO desktop wallet.

Main Components

<mozo-transfer></mozo-transfer>

<mozo-offchain></mozo-offchain>

<mozo-history></mozo-history>

Run the sample

To try this component:

git clone git@github.com/Biglabs/mozo-web-sdk.git
cd mozo-sdk-ui
git remote rm origin

and run:

npm install
npm start

Using this component with different JS frameworks

Node Modules

• Run npm install mozo-sdk-ui --save
• Put a script tag similar to this <script src='node_modules/mozo-sdk-ui/dist/mozo-sdk-ui.js></script> in the head of your index.html
• Then you can use the element <mozo-transfer> <mozo-offchain> <mozo-history>anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install mozo-sdk-ui --save
• Add this import to your root component or root module: import 'mozo-sdk-ui';
• Then you can use the element <mozo-transfer> <mozo-offchain> <mozo-history>anywhere in your template, JSX, html etc

In a Reactjs/Angular/VueJs/Webpack app

• Run npm install mozo-sdk-ui --save
• Add this import to your root component or root module: import { defineCustomElements } from 'mozo-sdk-ui';
• Add mozo sdk style import mozo-sdk-ui/dist/mozo-sdk-ui.css;
• Call defineCustomElements(window); in your js file
• Refer to Stencil

Example usage

<mozo-transfer amount="2000" value="MOZO Transfer"></mozo-transfer>

<mozo-offchain show-qr-code="true"></mozo-offchain>

<mozo-history max-height="500px"></mozo-history>