GlassToast

import {
  GlassToastProvider,
  GlassToaster,
} from "koori-ui";
 
export default function App({ children }) {
  return (
    <GlassToastProvider>
      {children}
      <GlassToaster />
    </GlassToastProvider>
  );
}

import {
  GlassToast,
  GlassToastTitle,
  GlassToastDescription,
  GlassToastClose,
} from "koori-ui";
 
<GlassToast variant="success">
  <div className="flex-1">
    <GlassToastTitle>Saved</GlassToastTitle>
    <GlassToastDescription>Your changes have been saved.</GlassToastDescription>
  </div>
  <GlassToastClose />
</GlassToast>

<GlassToast variant="default">...</GlassToast>
<GlassToast variant="success">...</GlassToast>
<GlassToast variant="warning">...</GlassToast>
<GlassToast variant="error">...</GlassToast>