Button

Simple wrapper component for all button types and their states.

<Button
  size={Button.Size.MEDIUM}
  type={Button.Type.PRIMARY}
  block={false}
  className={''}
  onClick={() => alert('clicked')}
>
  Continue
</Button>;

<Button
  size={Button.Size.MEDIUM}
  type={Button.Type.PRIMARY}
  block={false}
  className={''}
  onClick={() => alert('clicked')}
>
  Continue
</Button>;

Props

Name	PropType	Required	Default Value	Allowed Values
className	string	false	null	–
type	enum	false	Button.Type.PRIMARY	Button.Type.PRIMARY Button.Type.PAY Button.Type.SECONDARY Button.Type.DANGER Button.Type.LINK
size	enum	false	Button.Size.MEDIUM	Button.Size.EXTRA_SMALL Button.Size.SMALL Button.Size.MEDIUM Button.Size.LARGE
disabled	bool	false	false	–
block	bool	false	false	–
loading	bool	false	false	–
onClick	custom	false	–	–
children	node	true	–	–
htmlType	enum	false	button	submit reset button

Types

Name	Preview
Primary
Pay
Secondary
Danger
Link

Edit these docs on Github