Use button element

pull/358/head
cagataycivici 2020-06-30 11:25:20 +03:00
parent 028d3af4ef
commit a7853038bf
2 changed files with 6 additions and 6 deletions

View File

@ -19,9 +19,9 @@
<h5>Advanced</h5> <h5>Advanced</h5>
<Panel header="Header" :toggleable="true"> <Panel header="Header" :toggleable="true">
<template #icons> <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> <span class="pi pi-cog"></span>
</a> </button>
<Menu id="config_menu" ref="menu" :model="items" :popup="true" /> <Menu id="config_menu" ref="menu" :model="items" :popup="true" />
</template> </template>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

View File

@ -63,9 +63,9 @@ import Panel from 'primevue/panel';
&lt;h5&gt;Advanced&lt;/h5&gt; &lt;h5&gt;Advanced&lt;/h5&gt;
&lt;Panel header="Header"&gt; &lt;Panel header="Header"&gt;
&lt;template #icons&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;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;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Panel&gt; &lt;/Panel&gt;
@ -189,9 +189,9 @@ import Panel from 'primevue/panel';
&lt;h5&gt;Advanced&lt;/h5&gt; &lt;h5&gt;Advanced&lt;/h5&gt;
&lt;Panel header="Header" :toggleable="true"&gt; &lt;Panel header="Header" :toggleable="true"&gt;
&lt;template #icons&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;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;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
&lt;/template&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. &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.