@scrumble-nl/react-quick-toaster
Version:
A quick and easy wrapper around react-bootstrap toasters, you can toast from anywhere in your application with a few simple steps.
41 lines (40 loc) • 1.14 kB
TypeScript
import React from 'react';
import './scss/toaster.css';
export declare type IdlessToast = {
content: string;
header?: string;
variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | undefined;
dismissTimer?: number;
dismissible?: boolean;
};
export declare type IToast = IdlessToast & {
id: number;
};
interface IToastContext {
add(toast: IToast): void;
}
interface props {
position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
maxItems: number;
defaultTimer: number;
children: React.ReactNode;
}
interface state {
toasts: IToast[];
}
export declare const ToastContext: React.Context<IToastContext>;
export declare class ToastProvider extends React.Component<props, state> {
state: {
toasts: never[];
};
static defaultProps: {
position: string;
maxItems: number;
defaultTimer: number;
};
addToast: (toast: IdlessToast) => void;
removeToastByIndex: (index: number, deleteCount?: number) => void;
removeToastById: (id: number) => void;
render: () => JSX.Element;
}
export {};