### Intent

```js
<>
  <Button size="small" onClick={() => setState({ round: !state.round })}>
    Toggle round
  </Button>{' '}
  <Button size="small" onClick={() => setState({ minimal: !state.minimal })}>
    Toggle minimal
  </Button>
  <hr />
  <Button glyph="new_edit" minimal={state.minimal} round={state.round}>
    Default
  </Button>
  <Button
    glyph="new_pin"
    minimal={state.minimal}
    round={state.round}
    intent="primary"
  >
    Primary
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="success">
    Success
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="warning">
    Warning
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="danger">
    Danger
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="info">
    Info
  </Button>
</>
```

### Sizes

```js
<>
  <Button size="small" onClick={() => setState({ round: !state.round })}>
    Toggle round
  </Button>{' '}
  <Button size="small" onClick={() => setState({ minimal: !state.minimal })}>
    Toggle minimal
  </Button>
  <hr />
  <Button minimal={state.minimal} round={state.round} size="large">
    Large button
  </Button>
  <Button minimal={state.minimal} round={state.round}>
    Normal button
  </Button>
  <Button minimal={state.minimal} round={state.round} size="small">
    Small button
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    size="large"
    intent="primary"
  >
    Large button
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="primary">
    Normal button
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    size="small"
    intent="primary"
  >
    Small button
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    size="large"
    intent="success"
  >
    Large button
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="success">
    Normal button
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    size="small"
    intent="success"
  >
    Small button
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    size="large"
    intent="warning"
  >
    Large button
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="warning">
    Normal button
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    size="small"
    intent="warning"
  >
    Small button
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    size="large"
    intent="danger"
  >
    Large button
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="danger">
    Normal button
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    size="small"
    intent="danger"
  >
    Small button
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    size="large"
    intent="info"
  >
    Large button
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="info">
    Normal button
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    size="small"
    intent="info"
  >
    Small button
  </Button>
</>
```

### Pending

```js
<>
  <Button size="small" onClick={() => setState({ round: !state.round })}>
    Toggle round
  </Button>{' '}
  <Button size="small" onClick={() => setState({ minimal: !state.minimal })}>
    Toggle minimal
  </Button>
  <hr />
  <Button minimal={state.minimal} round={state.round} pending size="large">
    Default pending
  </Button>
  <Button minimal={state.minimal} round={state.round} pending>
    Default pending
  </Button>
  <Button minimal={state.minimal} round={state.round} pending size="small">
    Default pending
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="primary"
    pending
    size="large"
  >
    Primary pending
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="primary" pending>
    Primary pending
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="primary"
    pending
    size="small"
  >
    Primary pending
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="success"
    pending
    size="large"
  >
    Success pending
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="success" pending>
    Success pending
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="success"
    pending
    size="small"
  >
    Success pending
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="warning"
    pending
    size="large"
  >
    Warning pending
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="warning" pending>
    Warning pending
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="warning"
    pending
    size="small"
  >
    Warning pending
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="danger"
    pending
    size="large"
  >
    Danger pending
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="danger" pending>
    Danger pending
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="danger"
    pending
    size="small"
  >
    Danger pending
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="info"
    pending
    size="large"
  >
    Info pending
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="info" pending>
    Info pending
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="info"
    pending
    size="small"
  >
    Info pending
  </Button>
</>
```

### Disabled

```jsx
<>
  <Button size="small" onClick={() => setState({ round: !state.round })}>
    Toggle round
  </Button>{' '}
  <Button size="small" onClick={() => setState({ minimal: !state.minimal })}>
    Toggle minimal
  </Button>
  <hr />
  <Button minimal={state.minimal} round={state.round} disabled size="large">
    Default disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} disabled>
    Default disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} disabled size="small">
    Default disabled
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="primary"
    disabled
    size="large"
  >
    Primary disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="primary" disabled>
    Primary disabled
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="primary"
    disabled
    size="small"
  >
    Primary disabled
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="success"
    disabled
    size="large"
  >
    Success disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="success" disabled>
    Success disabled
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="success"
    disabled
    size="small"
  >
    Success disabled
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="warning"
    disabled
    size="large"
  >
    Warning disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="warning" disabled>
    Warning disabled
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="warning"
    disabled
    size="small"
  >
    Warning disabled
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="danger"
    disabled
    size="large"
  >
    Danger disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="danger" disabled>
    Danger disabled
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="danger"
    disabled
    size="small"
  >
    Danger disabled
  </Button>
  <br />
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="info"
    disabled
    size="large"
  >
    Info disabled
  </Button>
  <Button minimal={state.minimal} round={state.round} intent="info" disabled>
    Info disabled
  </Button>
  <Button
    minimal={state.minimal}
    round={state.round}
    intent="info"
    disabled
    size="small"
  >
    Info disabled
  </Button>
</>
```