Flexible button component with icons and animation

Types

Icons

Sizes

Animation

Usage

Simple:

copy
<Button>Click me</Button>

Variants:

copy
<Button variant='secondary'>Click me</Button>

Size:

copy
<Button size='small'>Click me</Button>

Icons:

copy
<Button leftIcon='Mail'>Click me</Button>

Animation:

copy
<Button 
  rightIcon="ArrowRight"
  animateOnHover="left"
  leftIcon="Mail"
>
  Click me
</Button>

BechBox

Studios

This component library is made by BechBox, Denmark