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

Prop NameTypeIs RequiredDefault ValueDescription
widthoptional
'auto'
borderRadiusoptional
1
boxShadowoptional
1
MetaMaskButton inherits all props from the Button component.
Styled System Props
MetaMaskButton uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styed System props.
(ノ◕ヮ◕)ノ*:・゚✧

Are we missing anything?

If you have any extra insight you'd like to add, please raise an issue in Github.
Contribute

MetaMaskButton

On this Page