Better link button example

This commit is contained in:
Cory LaViska
2017-08-13 11:26:06 -04:00
parent 0a7afe79ac
commit f7b1896355
2 changed files with 8 additions and 8 deletions

View File

@@ -114,12 +114,12 @@
<h3 id="link-buttons">Link Buttons</h3>
<p>Buttons can be styled to look like normal links with the <code>button-link</code> modifier. The appropriate sizing is placed so they align properly with regular buttons.</p>
<pre><code class="lang-html">&lt;button type=&quot;button&quot;&gt;Button&lt;/button&gt;
&lt;button type=&quot;button&quot; class=&quot;button-link&quot;&gt;Link&lt;/button&gt;
<pre><code class="lang-html">&lt;a href=&quot;#&quot; class=&quot;button&quot;&gt;Button&lt;/a&gt;
&lt;a href=&quot;#&quot; class=&quot;button button-link&quot;&gt;Link&lt;/a&gt;
</code></pre>
<div class="input-single">
<button type="button">Button</button>
<button type="button" class="button-link">Link</button>
<a href="#" class="button">Button</a>
<a href="#" class="button button-link">Link</a>
</div>
<h3 id="file-buttons">File Buttons</h3>

View File

@@ -82,13 +82,13 @@ You can force buttons to have an active state by applying the `active` class.
Buttons can be styled to look like normal links with the `button-link` modifier. The appropriate sizing is placed so they align properly with regular buttons.
```html
<button type="button">Button</button>
<button type="button" class="button-link">Link</button>
<a href="#" class="button">Button</a>
<a href="#" class="button button-link">Link</a>
```
<div class="input-single">
<button type="button">Button</button>
<button type="button" class="button-link">Link</button>
<a href="#" class="button">Button</a>
<a href="#" class="button button-link">Link</a>
</div>
### File Buttons