Hooks
useNotification

useNotification

El hook useNotification permite gestionar mensajes de notificación temporales en la aplicación, con control sobre su duración y estado.

Importación

Para importar el componente useNotification, se puede hacer desde fenextjs

import { useNotification } from "fenextjs";

Parámetros

ParámetroTipoRequeridoDefaultDescripcion
timenumbernoTiempo en milisegundos durante el cual la notificación se muestra. Valor predeterminado: 2000.

NotificationDataProps

Propiedades de los datos de notificación, que incluyen el tipo y mensaje de la notificación.

NombreDescripcionDefault
typeEl tipo de la notificación. Puede ser un valor de RequestResultTypeProps o una clave de este tipo.undefined
messageMensaje de texto que se muestra en la notificación.No aplica (obligatorio)

Returns

ParametroTipoDescripcion
notificationNotificationDataProps | undefinedEl objeto de notificación actual que contiene los datos de la notificación activa, si la hay.
pop(props: NotificationDataProps, options?: NotificationOptions) => voidFunción que muestra una notificación con los datos especificados y la oculta después de que transcurre el tiempo especificado.
reset() => voidFunción que reinicia la notificación al estado predeterminado.

Usos

  • Mostrar una notificación
const { pop } = useNotification();
pop({ message: "Notificación de éxito", type: "success" });
  • Reiniciar la notificación
const { reset } = useNotification();
reset();