ButtonCard

Card with button and text


import { ButtonCard } from 'degen'

<ButtonCard
  buttonText="Connect Wallet"
  prefix={<IconExclamationCircle color="accent" />}
  width="384px"
>
  Collecting this entry requires a minimum balance of{' '}
  <Text as="span" color="inherit" size="inherit" weight="semiBold">
    0.1 Optimistic ETH
  </Text>
  . You can resolve this by bridging your ETH to oETH.
</ButtonCard>

<ButtonCard
  buttonText="Connect Wallet"
  prefix={<IconExclamationCircle color="accent" />}
  width="384px"
>
  Collecting this entry requires a minimum balance of{' '}
  <Text as="span" color="inherit" size="inherit" weight="semiBold">
    0.1 Optimistic ETH
  </Text>
  . You can resolve this by bridging your ETH to oETH.
</ButtonCard>

Props
#

name	type	default	description
as	"button" \| "a"	-	-
buttonText* Required	string	-	Text displayed on button
loading	boolean	-	Shows loading spinner inside button
prefix	ReactNodeNoStrings	-	Adds ReactNode before children
suffix	ReactNodeNoStrings	-	Adds ReactNode after children
width	ConditionalStyle<Values<{ '448px': string; '512px': string; '576px': string; '672px': string; '720px': string; '768px': string; '896px': string; '976px': string; '1024px': string; '1152px': string; '1280px': string; '1/4': string; '1/3': string; '1/2': string; ... 52 more ...; none: CSSVarFunction; }, { ...; }>>	-	-

Edit on GitHub

Props#

Props
#