@dcodegroup-au/dsg-vue
Version:
Front-end Vue/Tailwind DSG for UntitledUI.
75 lines (74 loc) • 2.74 kB
TypeScript
/**
* ------------------------------------------------
* # Setup: Props
* ------------------------------------------------
*/
export type DsgBadgeTheme = "pill-color" | "pill-outline" | "badge-color" | "badge-modern";
export type DsgBadgeSize = "sm" | "md" | "lg";
export type DsgBadgeType = "standard" | "add" | "icon";
export type DsgBadgeThemeColor = "gray" | "brand" | "error" | "warning" | "success" | "gray-blue" | "blue-light" | "blue" | "indigo" | "purple" | "pink" | "orange";
export interface DsgBadgeProps {
label?: string;
classes?: string;
type?: DsgBadgeType;
size?: DsgBadgeSize;
hasClose?: boolean;
avatarUri?: string;
iconBefore?: string;
icon?: string;
iconAfter?: string;
iconOnly?: boolean;
hasDot?: boolean;
theme?: DsgBadgeTheme;
themeColor?: DsgBadgeThemeColor;
destroyOnClose?: boolean;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
'dsg-badge--before'?(_: {}): any;
'dsg-badge--after'?(_: {}): any;
};
refs: {
dsgBadge: HTMLDivElement;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<DsgBadgeProps, {
/**
* Hide or Destroy the badge based on the 'destroyOnClose' prop
*
* @param {Event} clickEvent - The click event
* @returns void
*/
hideOrDestroy: (clickEvent?: Event) => void;
/**
* Click Event handler for the badge to manually trigger the 'on-click' event
*
* @param {Event} clickEvent - The click event
* @returns void
*/
clickEvent: (clickEvent?: Event) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
"before-hide": (el: HTMLDivElement) => any;
"after-hide": (el: HTMLDivElement) => any;
"before-destroy": (el: HTMLDivElement) => any;
"after-destroy": () => any;
"on-click": (el: HTMLDivElement) => any;
}, string, import('vue').PublicProps, Readonly<DsgBadgeProps> & Readonly<{
"onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
"onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
"onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
"onAfter-destroy"?: (() => any) | undefined;
"onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
dsgBadge: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};