UI components that can be used in React Applications built on top of forge powered blockchain.

Usage

yarn add @arcblock/did-react

Then:

import axios from 'axios';
import DidAuth from '@arcblock/did-react/lib/Auth';
import DidAvatar from '@arcblock/did-react/lib/Avatar';
import DidLogo from '@arcblock/did-react/lib/Logo';
import DidAddress from '@arcblock/did-react/lib/Address';

DidAuth

<DidAuth
  action="login"
  responsive
  checkFn={axios.get}
  onClose={() => toggle()}
  onSuccess={() => (window.location.href = '/profile')}
  messages={{
    title: 'login',
    scan: 'Scan QR code with DID Wallet',
    confirm: 'Confirm login on your DID Wallet',
    success: 'You have successfully signed in!',
  }}
/>

DidAvatar

<DidAvatar did={userDid} size={256} />

DidLogo

<DidLogo size={32} />

DidAddress

<DidAddress did={userDid} size={32} />