@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
43 lines (42 loc) • 1.68 kB
TypeScript
import React, { ReactNode, SyntheticEvent } from 'react';
import '@vonage/vwc-snackbar';
/**
* @param {boolean} legacy
* @param {"TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END"} position
* @param {SnackbarConnotation | undefined} connotation
* @param {string | undefined} icon
* @param {string | undefined} header
* @param {string} message
* @param {boolean | undefined} dismissible
* @param {boolean} open
* @param {number} timeoutMs
* @param {boolean} closeOnEscape
* @param {string} labelText
* @param {boolean} stacked
* @param {boolean} leading
*/
declare const VwcSnackbar: (props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
onOpening?: ((event: SyntheticEvent) => void) | undefined;
onOpened?: ((event: SyntheticEvent) => void) | undefined;
onClosing?: ((event: SyntheticEvent) => void) | undefined;
onClosed?: ((event: SyntheticEvent) => void) | undefined;
legacy?: boolean | undefined;
position?: "TOP-START" | "TOP-CENTER" | "TOP-END" | "BOTTOM-START" | "BOTTOM-CENTER" | "BOTTOM-END" | undefined;
connotation?: any;
icon?: string | undefined;
header?: string | undefined;
message?: string | undefined;
dismissible?: any;
open?: boolean | undefined;
timeoutMs?: number | undefined;
closeOnEscape?: boolean | undefined;
labelText?: string | undefined;
stacked?: boolean | undefined;
leading?: boolean | undefined;
}) => JSX.Element;
export default VwcSnackbar;