Metamask Button

This button is used to connect to Metamask (or any other injected browser wallet for that matter). It has the following properties:

style (optional): A standard CSS-in-JS style, as seen here. Because Subbi uses styled-components under the hood, this includes pseudo elements.

onError (optional): An optional function that is called if any of the components encounter an error. It is passed one argument: the error object in question.

interface Props {
    style?: {
      [x: string]: string | number | {};
    } & React.CSSProperties;
    onError?: (error: any) => void | Promise<void>;
}

Usage

import { MetamaskButton } from "@subbi/react";

<MetamaskButton
    style={{ backgroundColor: 'red' }}
    onError={(error: any) => console.log(error)}
/>