vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge pull request #7382 from quantumwebco/fix/tab-prev-next-button-type 

fix: tablist prev/next button type
pull/7398/head
Tuğçe Küçükoğlu 2025-03-07 11:49:16 +03:00 committed by GitHub
parent 26dadecd9e 7514b71541
commit 495339b282
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/primevue/src/tablist/TabList.vue
View File

@ -3,6 +3,7 @@
<button <button
v-if="showNavigators && isPrevButtonEnabled" v-if="showNavigators && isPrevButtonEnabled"
ref="prevButton" ref="prevButton"
type="button"
v-ripple v-ripple
:class="cx('prevButton')" :class="cx('prevButton')"
:aria-label="prevButtonAriaLabel" :aria-label="prevButtonAriaLabel"
@ -14,14 +15,17 @@
<component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" /> <component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
</button> </button>
<div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')"> <div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
<div ref="tabs" :class="cx('tabList')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')"> <div ref="tabs" :class="cx('tabList')" role="tablist"
:aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')">
<slot></slot> <slot></slot>
<span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true" v-bind="ptm('activeBar')"></span> <span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true"
v-bind="ptm('activeBar')"></span>
</div> </div>
</div> </div>
<button <button
v-if="showNavigators && isNextButtonEnabled" v-if="showNavigators && isNextButtonEnabled"
ref="nextButton" ref="nextButton"
type="button"
v-ripple v-ripple
:class="cx('nextButton')" :class="cx('nextButton')"
:aria-label="nextButtonAriaLabel" :aria-label="nextButtonAriaLabel"