pull/5677/head
mertsincan 2024-04-26 10:28:47 +01:00
parent 28d563323c
commit fa07db180c
3 changed files with 2 additions and 20 deletions

View File

@ -13,8 +13,8 @@
>
<component :is="templates.previousicon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('previousIcon')" />
</button>
<div ref="content" :class="cx('content')" @scroll="onScroll" :style="{ height: $pcTabs.scrollHeight }" v-bind="ptm('content')">
<div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation" v-bind="ptm('tabs')">
<div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
<div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabs')">
<slot></slot>
<span ref="inkbar" :class="cx('inkbar')" role="presentation" aria-hidden="true" v-bind="ptm('inkbar')"></span>
</div>

View File

@ -14,19 +14,10 @@ export default {
type: Boolean,
default: false
},
orientation: {
// @todo
type: String,
default: 'horizontal'
},
scrollable: {
type: Boolean,
default: false
},
scrollHeight: {
type: String,
default: undefined
},
showNavigators: {
type: Boolean,
default: true

View File

@ -94,20 +94,11 @@ export interface TabsProps {
* @defaultValue false
*/
lazy?: boolean | undefined;
/**
* Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
* @defaultValue horizontal
*/
orientation?: 'horizontal' | 'vertical' | undefined;
/**
* When specified, enables horizontal and/or vertical scrolling.
* @defaultValue false
*/
scrollable?: boolean | undefined;
/**
* Height of the viewport, a scrollbar is defined if height of list exceeds this value.
*/
scrollHeight?: string | undefined;
/**
* Whether to display navigation buttons in container when scrollable is enabled.
* @defaultValue true