nextjs-toast-notify
Version:
Es un paquete npm imprescindible para agregar notificaciones emergentes (toasts) a tus aplicaciones web con Next.js. Ideal para proporcionar retroalimentación visual clara y efectiva sin interrumpir la experiencia del usuario, este paquete te permite most
27 lines (26 loc) • 1.32 kB
TypeScript
/**
* Opciones para configurar una notificación de toast.
*/
export interface ToastOptions {
/** Duración en milisegundos que se mostrará la notificación (default: 8000). */
duration?: number;
/** Muestra una barra de progreso (default: true). */
progress?: boolean;
/** Posición de la notificación. Opciones: 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right' (default: 'top-right'). */
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
/** Tipo de transición para la entrada (default: 'fadeIn'). Opciones: 'bounceIn', 'swingInverted', 'popUp', 'bottomToTopBounce', 'bounceInDown'. */
transition?: "fadeIn" | "swingInverted" | "bounceIn" | "popUp" | "bottomToTopBounce" | "bounceInDown";
/** Icono personalizado para la notificación (opcional). */
icon?: string;
/** Reproduce un sonido cuando se muestra la notificación (default: false). */
sound?: boolean;
}
/**
* Propiedades para una notificación de toast.
*/
export interface ToastProps {
/** Mensaje a mostrar en la notificación. */
message: string;
/** Tipo de notificación. Opciones: 'success', 'error', 'warning', 'info' (default: 'success'). */
type?: "success" | "error" | "warning" | "info";
}