MetaMaskButton
MetaMaskButton
Use the MetaMaskButton component to let users know they can connect to your dapp using MetaMask. MetaMaskButton maps to a <button type='button'> element and inherits props from Button.
Want to understand best practices for using a button component? Read Button design guidelines
Import component
import { MetaMaskButton } from 'rimble-ui';
Examples
Different ways to use the MetaMaskButton component in your product.
Default
Outline
Different sizes
Full-width button
Disabled
Props
borderRadius
(optional)
Default value:
1
boxShadow
(optional)
Default value:
1
width
(optional)
Default value:
'auto'
MetaMaskButton inherits all props from the Button component.
Styled System Props
MetaMaskButton uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.
