diff --git a/docs/buttons.html b/docs/buttons.html index 50c59c84..45e5bd02 100644 --- a/docs/buttons.html +++ b/docs/buttons.html @@ -1,5 +1,5 @@ Buttons • Pico.css

Buttons

The essential button in pure HTML, without .classes for the default style.

<button>Button</button>
-<input type="submit">

Buttons are width: 100%; by default. Use <a role="button"> if you need an inline element.

Link Link
<a href="#" role="button">Link</a>
+<input type="submit">

Buttons are width: 100%; by default. Use role="button" on an inline element if you need an inline button.

Link Link
<a href="#" role="button">Link</a>
 <a href="#" role="button">Link</a>

Buttons come with .secondary and .contrast styles.

Secondary Contrast
<a href="#" role="button" class="secondary">Secondary</a>
 <a href="#" role="button" class="contrast">Contrast</a>

And a classic .outline variant.

Primary Secondary Contrast
<a href="#" role="button" class="outline">Primary</a>
 <a href="#" role="button" class="secondary outline">Secondary</a>
diff --git a/docs/src/buttons.html b/docs/src/buttons.html
index ecd74e77..bbf2c1a4 100644
--- a/docs/src/buttons.html
+++ b/docs/src/buttons.html
@@ -30,7 +30,7 @@
-

Buttons are width: 100%; by default. Use <a role="button"> if you need an inline element.

+

Buttons are width: 100%; by default. Use role="button" on an inline element if you need an inline button.