maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
74 lines (73 loc) • 2.37 kB
TypeScript
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;
};
};