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ámetro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
time | number | no | Tiempo 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.
Nombre | Descripcion | Default |
---|---|---|
type | El tipo de la notificación. Puede ser un valor de RequestResultTypeProps o una clave de este tipo. | undefined |
message | Mensaje de texto que se muestra en la notificación. | No aplica (obligatorio) |
Returns
Parametro | Tipo | Descripcion |
---|---|---|
notification | NotificationDataProps | undefined | El objeto de notificación actual que contiene los datos de la notificación activa, si la hay. |
pop | (props: NotificationDataProps, options?: NotificationOptions) => void | Función que muestra una notificación con los datos especificados y la oculta después de que transcurre el tiempo especificado. |
reset | () => void | Funció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();