maz-ui/dist/components/MazTabsBar.vue.d.ts

A standalone components library for Vue.Js 3 & Nuxt.Js 3

import { MazBadgeProps } from './MazBadge.vue';
export interface MazTabsBarProps {
    /**
     * The items to display in the tabs bar
     * @type MazTabsBarItem[]
     */
    items: MazTabsBarItem[];
    /**
     * Will add a query param to the url to keep the selected tab on page refresh
     * @default false
     */
    persistent?: boolean;
    /**
     * The name of the query param to add to the url
     * @default tab
     */
    queryParam?: string;
    /**
     * Will make the tabs bar full width
     * @default false
     */
    block?: boolean;
    /**
     * Will remove the elevation
     * @default false
     */
    elevation?: boolean;
    /**
     * Will add a scroll on the tabs bar to show selected element
     * @default true
     */
    autoScroll?: boolean;
    /**
     * Will add a border to the tabs bar
     * @default true
     */
    bordered?: boolean;
}
export type MazTabsBarItem = {
    /**
     * Label of the tab
     */
    label: string;
    /**
     * Will disable the tab
     * @default false
     */
    disabled?: boolean;
    /**
     * Badge to display in the tab
     * Inherit all props of MazBadge component
     */
    badge?: MazBadgeProps & {
        /**
         * Content of the badge
         */
        content: string | number | boolean;
    };
} | string;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        item?(_: {
            item: {
                label: string;
                disabled: boolean;
                badge: (MazBadgeProps & {
                    /**
                     * Content of the badge
                     */
                    content: string | number | boolean;
                }) | undefined;
            };
            active: boolean;
            index: number;
        }): any;
        'badge-content'?(_: {
            content: string | number | boolean;
        }): any;
    };
    refs: {
        tabsBarRef: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<MazTabsBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazTabsBarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    tabsBarRef: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};