@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
62 lines (61 loc) • 2.13 kB
text/typescript
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/badge';
import type { UseComponentIconsProps } from '../composables/useComponentIcons';
import type { ComponentConfig } from '../types/tv';
type Badge = ComponentConfig<typeof theme, AppConfig, 'badge'>;
export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'loadingIcon'> {
/**
* The element or component this component should render as.
* @defaultValue 'span'
*/
as?: any;
label?: string | number;
/**
* @defaultValue 'air-primary'
*/
color?: Badge['variants']['color'];
/**
* If set to `true` the color is inverted.
* Used for 'air-primary', 'air-primary-success', 'air-primary-alert', 'air-primary-copilot' and 'air-primary-warning' colors.
* @defaultValue false
*/
inverted?: boolean;
/**
* @defaultValue 'md'
*/
size?: Badge['variants']['size'];
/** Render the badge with equal padding on all sides. */
square?: boolean;
/**
* Shows 'underline' on hover
* @defaultValue false
*/
useLink?: boolean;
/**
* Shows icons.close on the right side
* @defaultValue false
*/
useClose?: boolean;
onCloseClick?: ((event: MouseEvent) => void | Promise<void>) | Array<((event: MouseEvent) => void | Promise<void>)>;
class?: any;
b24ui?: Badge['slots'];
}
export interface BadgeSlots {
leading(props: {
b24ui: Badge['b24ui'];
}): any;
default(props: {
b24ui: Badge['b24ui'];
}): any;
trailing(props: {
b24ui: Badge['b24ui'];
}): any;
}
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};