<commit_before># Button

Simple Button component for all the different types.

<a href="http://dev.office.com/fabric/components/button" target="_blank">View Office Fabric UI docs</a>

```jsx
import Button from 'react-fabric/lib/Button';

const Buttons = () => (
  <Button>Default</Button>
  <Button primary>Primary</Button>
  <Button>Disabled</Button>
  <Button type="command" glyph="star">Command</Button>
  <Button type="compound" description="with description">Compound</Button>
  <Button type="hero" glyph="star">Hero</Button>
);
```

## Properties

| Name          | Type     | Default     | Description                                                  |
| :-----        | :-----   | :-----      | :-----                                                       |
| `type`        | `'command'`<br/>`'compound'`<br/>`'hero'`<br/>`'primary'` | `undefined` | Render a specific type of Button. |
| `submit`      | `bool`   | `false`     | When `true` set the type attribute of the button to `submit` |
| `disabled`    | `bool`   | `false`     | When `true` render the button as disabled                    |
| `description` | `string` | `undefined` | Set the decription of the button. Compound Buttons only.     |
| `glyph`       | `string` | `undefined` | Set the icon of the button. Command and Hero Button only.    |
| `onClick`     | `func`   | `undefined` | Click handler for the Button.                                |<commit_msg>docs(Button): update Button readme<commit_after># Button

Simple Button component for all the different types.

<a href="http://dev.office.com/fabric/components/button" target="_blank">View Office Fabric UI docs</a>

```jsx
import Button from 'react-fabric/lib/Button';

const Buttons = () => (
  <Button>Default</Button>
  <Button primary>Primary</Button>
  <Button>Disabled</Button>
  <Button type="command" glyph="star">Command</Button>
  <Button type="compound" description="with description">Compound</Button>
  <Button type="hero" glyph="star">Hero</Button>
);
```

## Properties

| Name          | Type     | Default     | Description                                                         |
| :-----        | :-----   | :-----      | :-----                                                              |
| `description` | `string` | `undefined` | Set the decription of the button. Compound Buttons only.            |
| `disabled`    | `bool`   | `false`     | Set to `true` to disable the component.                             |
| `glyph`       | `string` | `undefined` | Set the icon of the button. Command and Hero Button only.           |
| `onClick`     | `func`   | `undefined` | Click handler for the Button.                                       |
| `submit`      | `bool`   | `false`     | Set to `true` to set the type attribute of the element to `submit`. |
| `type`        | `'command'`<br/>`'compound'`<br/>`'hero'`<br/>`'primary'` | `undefined` | Render a specific type of Button. |
{'fraction_non_alphanumeric': 0.1574829931972789, 'fraction_numerical': 0.0, 'mean_word_length': 2.057172557172557, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 39, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 10, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6678084', 'n_tokens_mistral': 829, 'n_tokens_neox': 806, 'n_words': 225}