@synergy-design-system/vue
Version:
Vue3 wrappers for the Synergy Design System
91 lines (88 loc) • 3.5 kB
TypeScript
import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent } from '@synergy-design-system/components';
import { default as SynAlert } from '@synergy-design-system/components/components/alert/alert.component.js';
export type { SynShowEvent } from '@synergy-design-system/components';
export type { SynAfterShowEvent } from '@synergy-design-system/components';
export type { SynHideEvent } from '@synergy-design-system/components';
export type { SynAfterHideEvent } from '@synergy-design-system/components';
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
/**
* Indicates whether or not the alert is open.
* You can toggle this attribute to show and hide the alert, or you can
use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
*/
open?: SynAlert["open"];
/**
* Enables a close button that allows the user to dismiss the alert.
*/
closable?: SynAlert["closable"];
/**
* The alert's theme variant.
The `danger` variant is deprecated and will be removed in a future release.
* Use `error` instead.
*/
variant?: SynAlert["variant"];
/**
* The length of time, in milliseconds, the alert will show before closing itself.
* If the user interacts with
the alert before it closes (e.g.
* moves the mouse over it), the timer will restart.
* Defaults to `Infinity`, meaning
the alert will not close on its own.
*/
duration?: SynAlert["duration"];
/**
* The alert's size.
*/
size?: SynAlert["size"];
}, {
nativeElement: import('vue').Ref<SynAlert | undefined, SynAlert | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"syn-show": (e: SynShowEvent) => any;
"syn-after-show": (e: SynAfterShowEvent) => any;
"syn-hide": (e: SynHideEvent) => any;
"syn-after-hide": (e: SynAfterHideEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
/**
* Indicates whether or not the alert is open.
* You can toggle this attribute to show and hide the alert, or you can
use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
*/
open?: SynAlert["open"];
/**
* Enables a close button that allows the user to dismiss the alert.
*/
closable?: SynAlert["closable"];
/**
* The alert's theme variant.
The `danger` variant is deprecated and will be removed in a future release.
* Use `error` instead.
*/
variant?: SynAlert["variant"];
/**
* The length of time, in milliseconds, the alert will show before closing itself.
* If the user interacts with
the alert before it closes (e.g.
* moves the mouse over it), the timer will restart.
* Defaults to `Infinity`, meaning
the alert will not close on its own.
*/
duration?: SynAlert["duration"];
/**
* The alert's size.
*/
size?: SynAlert["size"];
}> & Readonly<{
"onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
"onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
"onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
"onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
default?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};