From: Katherine <krosenk729@gmail.com>
Date: Sat, 23 Feb 2019 18:22:59 +0000 (-0500)
Subject: Improving example of modular button classes
X-Git-Tag: 0.7.5~70
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9c08296b6fb144fe5ad478014b2c1deb69f3971b;p=thirdparty%2Fbulma.git

Improving example of modular button classes

Links and buttons have different semantic html meanings, and it is somewhat of a design (and accessibility) anti-pattern to style links as a button
---

diff --git a/docs/documentation/overview/modular.html b/docs/documentation/overview/modular.html
index 5895d7ea3..112d66bde 100644
--- a/docs/documentation/overview/modular.html
+++ b/docs/documentation/overview/modular.html
@@ -31,21 +31,21 @@ breadcrumb:
 {% endcapture %}
 
 {% capture buttons %}
-<a class="button">
+<button class="button">
   Button
-</a>
+</button>
 
-<a class="button is-primary">
+<button class="button is-primary">
   Primary button
-</a>
+</button>
 
-<a class="button is-large">
+<button class="button is-large">
   Large button
-</a>
+</button>
 
-<a class="button is-loading">
+<button class="button is-loading">
   Loading button
-</a>
+</button>
 {% endcapture %}
 
 <div class="content">