awa-ui 0.3.0

Web UI and JSON API for the Awa job queue
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import { Toaster as Sonner, toast } from "sonner";

function Toaster(props: React.ComponentProps<typeof Sonner>) {
  return (
    <Sonner
      className="toaster group"
      toastOptions={{
        classNames: {
          toast:
            "group toast group-[.toaster]:bg-overlay group-[.toaster]:text-overlay-fg group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
          description: "group-[.toast]:text-muted-fg",
          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-fg",
          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-fg",
          success: "group-[.toaster]:!bg-success-subtle group-[.toaster]:!text-success-subtle-fg group-[.toaster]:!border-success/20",
          error: "group-[.toaster]:!bg-danger-subtle group-[.toaster]:!text-danger-subtle-fg group-[.toaster]:!border-danger/20",
        },
      }}
      {...props}
    />
  );
}

export { Toaster, toast };