Button

className

string

"btn-primary"

onClick

func

children

object │ string

link

string

target

'top' │ 'blank'

'top'

Button types

<Button className="btn-primary">Primary Button</Button>
<Button className="btn-secondary">Secondary Button</Button>
<Button className="btn-anchor">Anchor Button</Button>

<Button className="btn-primary">Primary Button</Button>
<Button className="btn-secondary">Secondary Button</Button>
<Button className="btn-anchor">Anchor Button</Button>

By default the button is btn-primary

Button states

By default a button is active, but it can be set to inactive:

<Button className="btn-primary">Active Button</Button>
<Button className="btn-primary btn-inactive">Inactive Button</Button>

<Button className="btn-primary">Active Button</Button>
<Button className="btn-primary btn-inactive">Inactive Button</Button>

Button using links

The button is able to redirect the user to a link given when the button is clicked. It is also able to open it in a new tab blank or in the same tab top

<Button link="https://www.google.com" target="blank">
  Button link
</Button>

<Button link="https://www.google.com" target="blank">
  Button link
</Button>

Button

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Button types

Button states

Button using links

Button types