Notice

Displays a global notification message at the top of the page.

API

import { notice } from '@akrc/ringo';

notice({ text: 'Saved', variant: 'innei' });

export interface NoticeProperties {
    text: string;
    marginTop?: number;
    type?: 'info' | 'warning' | 'error' | 'success';
    duration?: number;
    onClick?: (element: HTMLElement) => void;
    onCreate?: LifecycleHook;
    onAppend?: LifecycleHook;
    onClose?: LifecycleHook;
    styles?: StyleInput | StyleInput[];
    zIndex?: number;
    transitionDuration?: number;
    variant?: 'ant' | 'innei';
}