---
title: Components
---

## Buttons
**.button**

<a href="#" class="button button_contained">Text</a>
<button class="button button_outlined">Text</button>
<button class="button button_contained" disabled>Text</button>

### Variants
<div class="row">
<div class="col-4 p-4">

**.button .button_contained .button_sm**

<a href="#" class="button button_contained button_sm">Try Free</a>

**.button .button_contained .button_md**

<a href="#" class="button button_contained button_md">Try Free</a>

**.button .button_contained .button_lg**

<a href="#" class="button button_contained button_lg">Try Free</a>

**.button .button_contained .button_disabled**

<a href="#" class="button button_contained button_disabled">Try Free</a>

</div>

<div class="col-4 text-bg-dark p-4">

**.button .button_outlined .button_sm**

<a href="#" class="button button_outlined button_sm">Try Free</a>

**.button .button_outlined .button_md**

<a href="#" class="button button_outlined button_md">Try Free</a>

**.button .button_outlined .button_lg**

<a href="#" class="button button_outlined button_lg">Try Free</a>

**.button .button_outlined .button_disabled**

<a href="#" class="button button_outlined button_disabled">Try Free</a>

</div>

</div>

## Links

**.link**

<a href="#" class="link">Text</a>