zebflow 0.7.9

Reactive web automation platform — pipelines, templates, and real-time collaboration in a single binary.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

interface ToastItem {
  id: number;
  msg: string;
  variant?: string;
}

interface SonnerProps {
  toasts?: ToastItem[];
}

export default function Sonner(props: SonnerProps) {
  const toasts = Array.isArray(props?.toasts) ? props.toasts : [];
  return (
    <div className="template-sonner" aria-live="polite" aria-atomic="true">
      {toasts.map((t) => (
        <div key={t.id} className={cx("template-toast", `is-${t.variant || "info"}`)}>{t.msg}</div>
      ))}
    </div>
  );
}