Solves issue where link styled as a button lose their icon. Updates i…

…con and icon test page
minvws · Oct 2, 2024 · 335992a · 335992a
1 parent 7124787
commit 335992a
Show file tree

Hide file tree

Showing 7 changed files with 348 additions and 188 deletions.
diff --git a/docs/src/routes/(docs)/components/button-icon-only/+page.svelte b/docs/src/routes/(docs)/components/button-icon-only/+page.svelte
@@ -53,8 +53,9 @@
 
         <h3>pseudo-element op button</h3>
         <p class="warning" role="group" aria-label="waarschuwing">
-          <span>Waarschuwing:</span> Dit voorbeeld wordt uitgefaseerd omdat het niet de voorkeur heeft
-          omwille van toegankelijkheid. Gebruik in plaats hiervan een van de overige voorbeelden.
+          <span>Waarschuwing:</span> Het voorbeeld met een pseudo-element direct op button wordt uitgefaseerd
+          omdat het niet de voorkeur heeft omwille van toegankelijkheid. Gebruik in plaats hiervan een
+          van de overige voorbeelden.
         </p>
 
         <h4>Visueel voorbeeld</h4>

diff --git a/docs/src/routes/(docs)/components/button-icon/+page.svelte b/docs/src/routes/(docs)/components/button-icon/+page.svelte
@@ -52,8 +52,9 @@
         <h2><code>button</code></h2>
         <h3>pseudo-element op button</h3>
         <p class="warning" role="group" aria-label="waarschuwing">
-          <span>Waarschuwing:</span> Dit voorbeeld wordt uitgefaseerd omdat het niet de voorkeur heeft
-          omwille van toegankelijkheid. Gebruik in plaats hiervan een van de overige voorbeelden.
+          <span>Waarschuwing:</span> Het voorbeeld met een pseudo-element direct op button wordt uitgefaseerd
+          omdat het niet de voorkeur heeft omwille van toegankelijkheid. Gebruik in plaats hiervan een
+          van de overige voorbeelden.
         </p>
         <h4>Visueel voorbeeld</h4>
         <button class="icon icon-search" aria-label="Zoeken">Zoeken</button>

diff --git a/docs/src/routes/(docs)/components/icons/+page.svelte b/docs/src/routes/(docs)/components/icons/+page.svelte
@@ -110,8 +110,9 @@
         <h3><code>button</code></h3>
         <h4>Visueel voorbeeld pseudo-element op button</h4>
         <p class="warning" role="group" aria-label="waarschuwing">
-          <span>Waarschuwing:</span> Dit voorbeeld wordt uitgefaseerd omdat het niet de voorkeur heeft
-          omwille van toegankelijkheid. Gebruik in plaats hiervan een van de overige voorbeelden.
+          <span>Waarschuwing:</span> Het voorbeeld met een pseudo-element direct op button wordt uitgefaseerd
+          omdat het niet de voorkeur heeft omwille van toegankelijkheid. Gebruik in plaats hiervan een
+          van de overige voorbeelden.
         </p>
         <button class="icon icon-on-off" aria-label="Aan- of uitschakelen"
           >Aan- of uitschakelen</button