mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 20:19:13 +00:00
Better link button example
This commit is contained in:
@@ -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"><button type="button">Button</button>
|
||||
<button type="button" class="button-link">Link</button>
|
||||
<pre><code class="lang-html"><a href="#" class="button">Button</a>
|
||||
<a href="#" class="button button-link">Link</a>
|
||||
</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>
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user