Recipes

notifin.warning("Delete this item?", {
  description: "This action cannot be undone.",
  action: {
    label: "Delete",
    onClick: async () => {
      await deleteItem();
      notifin.success("Item deleted");
    },
  },
  cancel: {
    label: "Cancel",
  },
});

const id = notifin.loading("Uploading file...", {
  dismissible: false,
});
 
try {
  await uploadFile(file);
  notifin.update(id, {
    type: "success",
    title: "Upload complete",
    description: "File berhasil diunggah.",
    dismissible: true,
    duration: 1800,
  });
} catch (error) {
  notifin.update(id, {
    type: "error",
    title: "Upload failed",
    description: error instanceof Error ? error.message : "Unknown error",
    dismissible: true,
  });
}

await notifin.promise(submitForm(payload), {
  loading: "Submitting form...",
  success: "Form submitted",
  error: "Failed to submit form",
});

const customId = "sync-task";
 
notifin.loading("Sync running...", {
  id: customId,
  dismissible: false,
});
 
// lalu di tempat lain
notifin.dismiss(customId);

<Notifin motion="none" />