Notifin

@khencahyo13/notifin-react adalah function-first alert dialog library untuk React, dibangun di atas Radix Alert Dialog.

Library ini cocok untuk skenario konfirmasi penting atau feedback action yang butuh fokus pengguna, dengan API pemanggilan yang sederhana.

Quick Start

import { Notifin, notifin } from "@khencahyo13/notifin-react";
 
export default function AppLayout() {
  return (
    <>
      <Notifin />
      <button
        onClick={() =>
          notifin.success("Profile updated", {
            description: "Perubahan sudah disimpan.",
          })
        }
      >
        Save
      </button>
    </>
  );
}

Daftar Materi

• Getting Started: instalasi, setup host, dan contoh pertama.
• Basic Usage: pola penggunaan harian.
• Notifin Component: semua props host (colorScheme, motion, theme, dsb).
• Show Options: detail opsi dialog (description, action, cancel, dll).
• Methods API: method notifin.*, update, dismiss.
• Promise Helper: pola async dengan notifin.promise.
• Custom Theme: override tone, scheme light/dark, dan class mapping.
• Custom Icons: ganti icon default per type.
• Recipes: contoh implementasi siap pakai.
• Troubleshooting: masalah umum dan solusinya.
• Type Reference: ringkasan tipe utama.

Mulai dari Getting Started.