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

View File

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

View File

@ -94,20 +94,11 @@ export interface TabsProps {
* @defaultValue false * @defaultValue false
*/ */
lazy?: boolean | undefined; 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. * When specified, enables horizontal and/or vertical scrolling.
* @defaultValue false * @defaultValue false
*/ */
scrollable?: boolean | undefined; 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. * Whether to display navigation buttons in container when scrollable is enabled.
* @defaultValue true * @defaultValue true