@metamask/sdk-react-ui
Version:
A react component and react hooks to connect and use MetaMask
28 lines • 1.27 kB
TypeScript
import React from 'react';
import '../style.css';
export interface Account {
address: string;
balance?: string;
}
interface Props {
color?: 'blue' | 'white' | 'orange';
theme?: 'dark' | 'light';
shape?: 'rectangle' | 'rounded' | 'rounded-full';
icon?: 'original' | 'simplified' | 'no-icon';
iconPosition?: 'left' | 'right';
text?: 'Connect wallet' | 'MetaMask' | 'Connect with MetaMask' | string;
textAlign?: 'middle' | 'left';
buttonStyle?: any;
textStyle?: any;
iconStyle?: any;
removeDefaultStyles?: boolean;
connectComponent?: React.ReactNode;
wrongNetworkComponent?: React.ReactNode;
wrongNetworkText?: 'Wrong network' | 'Switch network' | string;
connectedComponent?: React.ReactNode;
connectedType?: 'custom-text' | 'network-account-balance' | 'network-account' | 'account-balance' | 'separate-network-account';
connectedText?: 'Connected';
}
declare const MetaMaskButton: ({ color, theme, shape, icon, iconPosition, text, textAlign, buttonStyle, textStyle, iconStyle, removeDefaultStyles, connectComponent, wrongNetworkComponent, wrongNetworkText, connectedComponent, }: Props) => React.JSX.Element | null;
export default MetaMaskButton;
//# sourceMappingURL=MetaMaskButton.d.ts.map