yarn add simplehold

npm install simplehold

const isInstalled = await SimpleHoldSDK.isInstalled()

SimpleHoldSDK.init({
  buttonId: 'my-button',
  inputId: 'my-input',
  size: 'small', // small or large
  isRound?: true, // Optional make the button round - true or false
  withTooltip?: true // Optional (true/false) show tooltip text
});

SimpleHoldSDK.createSendButton({
  buttonId: 'my-send-button',
  size: 'small', // small or large
  recipientAddress: 'address',
  currency: 'btc', // Use getCurrencies() method for getting all supported addresses
  amount: '0.1',
  readOnly: false,
  chain: undefined // Optional
});

import * as React from 'react'
import * as SimpleHoldSDK from 'simplehold'

const Example: React.FC = () => {
  const [address, setAddress] = React.useState<string>('')

  React.useEffect(() => {
    document.addEventListener(
      'sh-select-address',
      (data) => {
        const {
          detail: { address },
        } = data

        setAddress(address)
      },
      false
    )

    return () => {
      document.removeEventListener(
        'sh-select-address',
        (data) => {
          const {
            detail: { address },
          } = data

          setAddress(address)
        },
        false
      )
    }
  }, [])

  return (
    <div>
      <div id="my-button" />
      <input
        id="my-input"
        value={address}
        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setAddress(e.target.value)}
      />
    </div>
  )
}

export default Example

const currencies = SimpleHoldSDK.getCurrencies()

{
	symbol: string;
	background: string;
	type: 'currency' | 'token';
	chain?: 'eth' | 'bsc';
	logo: string;
}

SimpleHoldSDK.setCurrency(currency, chain);

SimpleHoldSDK.removeCurrency();