Button.md

Variants

Set variants using variant prop.

<div className="block-list">
  <Button variant="primary">Primary</Button>
  <Button variant="secondary">Secondary</Button>
  <Button variant="success">Success</Button>
  <Button variant="danger">Danger</Button>
  <Button variant="warning">Warning</Button>
  <Button variant="info">Info</Button>
  <Button variant="light">Light</Button>
  <Button variant="dark">Dark</Button>
</div>

Sizes

Set sizes using size prop like "sm" or "lg".

<div className="block-list">
  <Button variant="primary" size="sm">
    Small
  </Button>
  <Button variant="primary">Medium</Button>
  <Button variant="primary" size="lg">
    Large
  </Button>
</div>

Disabled

Disable using disabled prop.

<Button variant="primary" disabled>
  Disabled
</Button>