@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
70 lines (69 loc) • 2.14 kB
TypeScript
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/page-card';
import type { IconComponent, LinkProps } from '../types';
import type { ComponentConfig } from '../types/tv';
type PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>;
/**
* @memo not use spotlight
* @memo not use spotlightColor
*/
export interface PageCardProps {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/**
* The icon displayed above the title.
* @IconComponent
*/
icon?: IconComponent;
title?: string;
description?: string;
/**
* The orientation of the page card.
* @defaultValue 'vertical'
*/
orientation?: PageCard['variants']['orientation'];
/**
* Reverse the order of the default slot.
* @defaultValue false
*/
reverse?: boolean;
/**
* Display a line around the page card.
*/
highlight?: boolean;
/**
* @defaultValue 'air-primary'
*/
highlightColor?: PageCard['variants']['highlightColor'];
/**
* @defaultValue 'outline'
*/
variant?: PageCard['variants']['variant'];
to?: LinkProps['to'];
target?: LinkProps['target'];
onClick?: (event: MouseEvent) => void | Promise<void>;
class?: any;
b24ui?: PageCard['slots'];
}
export interface PageCardSlots {
header(props?: {}): any;
body(props?: {}): any;
leading(props: {
b24ui: PageCard['b24ui'];
}): any;
title(props?: {}): any;
description(props?: {}): any;
footer(props?: {}): any;
default(props?: {}): any;
}
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PageCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageCardSlots>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};