# Button

Purpose: text here

## Usage & Examples:

### Button Example

```markup
<a href="#" class="btn">Button</a>
<a href="#" class="btn btn-default">Default</a>
<a href="#" class="btn btn-primary">Primary</a>
<a href="#" class="btn btn-secondary">Secondary</a>
<a href="#" class="btn btn-success">Success</a>
<a href="#" class="btn btn-warning">Warning</a>
<a href="#" class="btn btn-danger">Danger</a>
<a href="#" class="btn btn-dark">Dark</a>
<a href="#" class="btn btn-light">Light</a>
<a href="#" class="btn" disabled>Disabled</a>
```

<div align="left"><img src="https://2452656883-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrrBGNn_AjovNzJMTtn%2F-Lrx6-OdFc9OEQ_-xhtW%2F-Lrx7X1bkG0VzkTdDYeQ%2FScreenshot%202019-10-24%20at%203.38.17%20PM.png?alt=media&#x26;token=0ac0294b-f9a3-4cdd-8c11-75d21b926737" alt=""></div>

### Button Size:

```markup
<a href="#" class="btn btn-xl btn-primary">btn-xl</a>
<a href="#" class="btn btn-lg btn-primary">btn-lg</a>
<a href="#" class="btn btn-primary">Default size</a>
<a href="#" class="btn btn-primary btn-sm active">btn-sm</a>
```

<div align="left"><img src="https://2452656883-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrrBGNn_AjovNzJMTtn%2F-Lrx8CMQX4-Nm5nQ3YQ3%2F-LrxAHLcj0yHuHJuW86E%2FScreenshot%202019-10-24%20at%203.50.31%20PM.png?alt=media&#x26;token=4e50252a-08ab-44b9-bb55-11fc0275b4dd" alt=""></div>

### Button Group

```markup
<div class="btn-group" role="group" aria-label="Basic example">
    <button type="button" class="btn btn-secondary">Left</button>
    <button type="button" class="btn btn-secondary">Middle</button>
    <button type="button" class="btn btn-secondary">Right</button>
</div>

<div class="btn-group" role="group" aria-label="Basic example">
    <button type="button" class="btn btn-primary">Left</button>
    <button type="button" class="btn btn-primary">Middle</button>
    <button type="button" class="btn btn-primary">Right</button>
</div>

<!-- Large -->
<div class="btn-group btn-group-lg" role="group" aria-label="Basic example">
    <button type="button" class="btn btn-primary">Left</button>
    <button type="button" class="btn btn-primary">Middle</button>
    <button type="button" class="btn btn-primary">Right</button>
</div>
```

<div align="left"><img src="https://2452656883-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrrBGNn_AjovNzJMTtn%2F-Lrx8CMQX4-Nm5nQ3YQ3%2F-Lrx9Y4jvh-UAb2FWyoL%2FScreenshot%202019-10-24%20at%203.47.16%20PM.png?alt=media&#x26;token=05150c53-7928-4933-8be4-c4bdf024ff1a" alt=""></div>
