Button

Buttons make common actions immediately visible and easy to perform with one click or tap. They can be used for any type of action, including navigation.

<Button>
  Hello
</Button>
<div>
  <Button size='large' mr={2}>
    Large
  </Button>
  <Button size='medium' mr={2}>
    Medium
  </Button>
  <Button size='small'>
    Small
  </Button>
</div>

Props

PropTypeDescription
radiusstringCustom button radius in pixel
sizestringSets button size to small, medium or large
widthnumber, string, or arraySets button width

GreenButton

<GreenButton>
  GreenButton
</GreenButton>

RedButton

<RedButton>
  RedButton
</RedButton>

OutlineButton

<OutlineButton>
  OutlineButton
</OutlineButton>