Back to Gatsby

README

examples/styleguide/src/components/Button/README.md

2.20.0566 B
Original Source

The basic button.

jsx
<Button>Get Started</Button>

Colors are configurable.

jsx
<div>
  <div>
    <Button backgroundColor="blue">Get Started</Button>
  </div>
  <div>
    <Button backgroundColor="green">Get Started</Button>
  </div>
  <div>
    <Button backgroundColor="orange">Get Started</Button>
  </div>
</div>

Sizes are also configurable.

jsx
<div>
  <div>
    <Button size="sm">Get Started</Button>
  </div>
  <div>
    <Button size="md">Get Started</Button>
  </div>
  <div>
    <Button size="lg">Get Started</Button>
  </div>
</div>