Notifin Component

Notifin adalah host renderer untuk semua dialog.


import { Notifin } from "@khencahyo13/notifin-react";
 
export function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <Notifin />
      {children}
    </>
  );
}

Props

`colorScheme`


<Notifin colorScheme="system" />

Pilihan:

"system" (default)
"light"
"dark"

`motion`


<Notifin motion="slide" />

Pilihan:

"subtle" (default)
"slide"
"scale"
"bounce"
"none"

`showQueueCount`


<Notifin showQueueCount={false} />

Default true. Jika aktif, jumlah antrean akan ditampilkan saat ada pending dialog.

`theme`


<Notifin
  theme={{
    dialogToneClasses: {
      success: "border-emerald-300 bg-emerald-50 text-emerald-950",
    },
  }}
/>

Detail lengkap ada di Custom Theme.