@opencloud-eu/design-system
Version:
OpenCloud Design System is used to design OpenCloud UI components
64 lines (63 loc) • 1.86 kB
TypeScript
import { RouteLocationRaw } from 'vue-router';
export interface Props {
/**
* @docs The type of the tag element.
* @default span
*/
type?: 'span' | 'button' | 'router-link' | 'a';
/**
* @docs The route to navigate to if the `type` is set to `router-link`.
*/
to?: string | RouteLocationRaw;
/**
* @docs The size of the tag.
* @default medium
*/
size?: 'small' | 'medium' | 'large';
/**
* @docs Determines if the tag should be rounded.
* @default false
*/
rounded?: boolean;
/**
* @docs The color of the tag.
* @default secondary
*/
color?: 'primary' | 'secondary' | 'tertiary';
/**
* @docs The appearance of the button.
* @default outline
*/
appearance?: 'outline' | 'filled';
}
export interface Emits {
/**
* @docs Emitted when the tag has been clicked.
*/
(e: 'click', event: MouseEvent): void;
}
export interface Slots {
/**
* @docs Content of the tag.
*/
default?: () => unknown;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<Slots> & Slots;
refs: {};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
click: (event: MouseEvent) => any;
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
onClick?: (event: MouseEvent) => any;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};