maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
78 lines (77 loc) • 2.94 kB
TypeScript
import { HTMLAttributes } from 'vue';
import { RouterLinkProps } from 'vue-router';
import { MazGalleryProps } from './MazGallery.vue';
type __VLS_Props = MazCardProps;
export interface MazCardProps {
/** Card variant: Must be `column | row | row-reverse | column-reverse` */
orientation?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
/** Make card a link (footer area excluded) */
href?: string;
/** Make card a link with a router-link (footer area excluded) */
to?: RouterLinkProps['to'];
/** Target option of link: Muse be one of `_blank | _self | _parent | _top | framename` */
hrefTarget?: '_blank' | '_self' | '_parent' | '_top' | string;
/** Footer text alignment: `right | left` */
footerAlign?: 'right' | 'left';
/** Images gallery props options (see `MazGallery` component) */
gallery?: MazGalleryProps;
/** scale animation on hover (only linked cards) */
scale?: boolean;
/** Set elevation to card (box-shadow) */
elevation?: boolean;
/** Set radius to card */
radius?: boolean;
/** Set border to card (in dark mode, the card is always bordered) */
bordered?: boolean;
/** add classes to wrapper */
wrapperClass?: HTMLAttributes['class'];
/** Remove padding from content wrapper */
padding?: boolean;
/** Hide overflow */
overflowHidden?: boolean;
/** Make card collapsible */
collapsible?: boolean;
/**
* Card is open by default if `true`
* @model
*/
collapseOpen?: boolean;
/** Title of the card in header */
title?: string;
/** The card will be displayed in full width */
block?: boolean;
}
type __VLS_PublicProps = {
'collapseOpen'?: boolean;
} & __VLS_Props;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
title?(_: {}): any;
'content-title'?(_: {
collapseOpen: boolean;
}): any;
'content-subtitle'?(_: {}): any;
'content-body'?(_: {}): any;
default?(_: {
collapseOpen: boolean;
}): any;
footer?(_: {}): any;
actions?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:collapseOpen": (...args: unknown[]) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
"onUpdate:collapseOpen"?: ((...args: unknown[]) => any) | undefined;
}>, {}, {}, {}, {}, 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;
};
};