@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
90 lines (89 loc) • 2.87 kB
TypeScript
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/alert';
import type { AvatarProps, ButtonProps, IconComponent } from '../types';
import type { ComponentConfig } from '../types/utils';
type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>;
export interface AlertProps {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
title?: string;
description?: string;
/**
* Display an icon on the left side.
* @IconComponent
*/
icon?: IconComponent;
avatar?: AvatarProps;
/**
* @defaultValue 'default'
*/
color?: Alert['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;
/**
* The orientation between the content and the actions.
* @defaultValue 'vertical'
*/
orientation?: Alert['variants']['orientation'];
/**
* @defaultValue 'md'
*/
size?: Alert['variants']['size'];
/**
* Display a list of actions:
* - under the title and description when orientation is `vertical`
* - next to the close button when orientation is `horizontal`
* `{ size: 'sm' }`{lang="ts"}
*/
actions?: ButtonProps[];
/**
* Display a close button to dismiss the alert.
* `{ size: 'sm', color: 'air-tertiary-no-accent' }`{lang="ts"}
* @emits 'update:open'
* @defaultValue false
*/
close?: boolean | Partial<ButtonProps>;
/**
* The icon displayed in the close button.
* @defaultValue icons.close
* @IconComponent
*/
closeIcon?: IconComponent;
class?: any;
b24ui?: Alert['slots'];
}
export interface AlertEmits {
'update:open': [value: boolean];
}
export interface AlertSlots {
leading(props?: {}): any;
title(props?: {}): any;
description(props?: {}): any;
actions(props?: {}): any;
close(props: {
b24ui: {
[K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string;
};
}): any;
}
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:open": (value: boolean) => any;
}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
"onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {
inverted: boolean;
orientation: Alert["variants"]["orientation"];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};