maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
77 lines (76 loc) • 2.39 kB
TypeScript
import { IconComponent } from '@maz-ui/icons';
import { MazIconProps } from './MazIcon.vue';
import { MazColor } from './types';
export type MazAlertColor = Exclude<MazColor, 'transparent'>;
export type MazAlertRoundedSize = 'none' | 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
export type MazAlertVariant = 'soft' | 'solid';
export interface MazAlertProps {
/**
* Title of the alert
*/
title?: string;
/**
* Content of the alert
*/
content?: string;
/**
* Icon of the alert - can be a component or icon name string
* @type {IconComponent | string}
*/
icon?: IconComponent | string;
/**
* Hide the icon
* @default false
*/
hideIcon?: boolean;
/**
* Color of the alert
* @type {MazAlertColor}
* @values `'success' | 'warning' | 'destructive' | 'info' | 'primary' | 'secondary' | 'accent' | 'contrast'`
* @default 'info'
*/
color?: MazAlertColor;
/**
* Size of the icon
* @type {MazIconProps['size']}
* @default 'md'
*/
iconSize?: MazIconProps['size'];
/**
* Size of the rounded corners
* @type {MazAlertRoundedSize}
* @values `'none' | 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl'`
* @default 'base'
*/
roundedSize?: MazAlertRoundedSize;
/**
* Add border to the component
* @default true
*/
bordered?: boolean;
/**
* Visual variant of the alert
* @type {MazAlertVariant}
* @values `'soft' | 'solid'`
* @default 'soft'
*/
variant?: MazAlertVariant;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
title?(_: {}): any;
default?(_: {}): any;
};
refs: {};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<MazAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAlertProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};