From a7853038bfd2d81b630f74e40f9dd0330ea9b9cd Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Tue, 30 Jun 2020 11:25:20 +0300
Subject: [PATCH] Use button element

---
 src/views/panel/PanelDemo.vue | 4 ++--
 src/views/panel/PanelDoc.vue  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/panel/PanelDemo.vue b/src/views/panel/PanelDemo.vue
index 0cc9aa8d2..a1b6acd64 100755
--- a/src/views/panel/PanelDemo.vue
+++ b/src/views/panel/PanelDemo.vue
@@ -19,9 +19,9 @@
             <h5>Advanced</h5>
             <Panel header="Header" :toggleable="true">
                 <template #icons>
-                    <a tabindex="0" class="p-panel-header-icon" @click="toggle">
+                    <button class="p-panel-header-icon p-link" @click="toggle">
                         <span class="pi pi-cog"></span>
-                    </a>
+                    </button>
                     <Menu id="config_menu" ref="menu" :model="items" :popup="true" />
                 </template>
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
diff --git a/src/views/panel/PanelDoc.vue b/src/views/panel/PanelDoc.vue
index 988721aca..dcda096dd 100755
--- a/src/views/panel/PanelDoc.vue
+++ b/src/views/panel/PanelDoc.vue
@@ -63,9 +63,9 @@ import Panel from 'primevue/panel';
 &lt;h5&gt;Advanced&lt;/h5&gt;
 &lt;Panel header="Header"&gt;
     &lt;template #icons&gt;
-        &lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
+        &lt;button class="p-panel-header-icon p-link" @click="toggle"&gt;
             &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
-        &lt;/a&gt;
+        &lt;/button&gt;
         &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
     &lt;/template&gt;
 &lt;/Panel&gt;
@@ -189,9 +189,9 @@ import Panel from 'primevue/panel';
 &lt;h5&gt;Advanced&lt;/h5&gt;
 &lt;Panel header="Header" :toggleable="true"&gt;
     &lt;template #icons&gt;
-        &lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
+        &lt;button class="p-panel-header-icon p-link" @click="toggle"&gt;
             &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
-        &lt;/a&gt;
+        &lt;/button&gt;
         &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
     &lt;/template&gt;
     &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.