maz-ui/components/MazTabsBar.d.ts

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

import type { BadgeColor, BadgeRoundedSize } from './MazBadge.vue';
export interface Props {
    /** The items to display in the tabs bar */
    items: MazTabsBarItem[];
    /** Will add a query param to the url to keep the selected tab on page refresh */
    persistent?: boolean;
    /**
     * The name of the query param to add to the url
     * @default tab
     */
    queryParam?: string;
    /** Will make the tabs bar full width */
    block?: boolean;
    /** Will remove the elevation */
    noElevation?: boolean;
    /**
     * Will add a scroll on the tabs bar to show selected element
     * @default true
     */
    autoScroll?: boolean;
}
export type MazTabsBarItem = {
    label: string;
    disabled?: boolean;
    badge?: {
        content: string | number | boolean;
        color?: BadgeColor;
        pastel?: boolean;
        outline?: boolean;
        size?: string;
        roundedSize?: BadgeRoundedSize;
    };
} | string;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        item?(_: {
            item: {
                label: string;
                disabled: boolean;
                badge: {
                    content: string | number | boolean;
                    color?: BadgeColor;
                    pastel?: boolean;
                    outline?: boolean;
                    size?: string;
                    roundedSize?: BadgeRoundedSize;
                } | 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<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
    queryParam: string;
    autoScroll: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};