Last updated 6 months ago
<Button to="#">Default</Button>

<Button to="#" inversed>
  Inversed
</Button>

<Button to="#" transparent>
  Transparent
</Button>

<Button to="#" transparent inversed>
  Transparent inversed
</Button>

<Button to="#" large>
  Large
</Button>

<Button to="#" small>
  Small
</Button>

Props

NameTypeDefaultDescription
tostringThe URL to link to when the button is clicked.
inversedbooleanfalseMake inversed color of the button.
transparentbooleanfalseMake transparent background color of the button.
largebooleanfalseIf true, the button will be the large size.
smallbooleanfalseIf true, the button will be the small size.
colorstring#0044d4Defines primary color of the button. Default value from 'theme.colors.primary.main'