Contents

import { CocoComponent } from "@assets/js/coco/component";

export default CocoComponent("toast", () => {
  return {
    notificationType: "toast",
    options: ["show", "dismiss", "showDelay", "dismissDelay", "position"],

    root: {
      "x-options": "options",
      "x-notification": "notificationType",
      "x-show": "notification.shown && !notification.dismissed",
      "x-transition:enter": "toast-enter",
      "x-transition:enter-start": "toast-enter-start",
      "x-transition:enter-end": "toast-enter-end",
      "x-transition:leave": "toast-leave",
      "x-transition:leave-start": "toast-leave-start",
      "x-transition:leave-end": "toast-leave-end",
      "@mouseover": "notification.clearAutoDismiss",
      "@mouseout": "notification.startAutoDismiss",
      "@alert:dismiss": "notification.dismiss",
      "@toast:show.document": "notification.clearFromQueue",
    },
  };
});

Version data entries

22 entries across 22 versions & 1 rubygems

Version	Path
coveragebook_components-0.16.0	app/components/coco/messaging/toast/toast.js
coveragebook_components-0.15.0	app/components/coco/messaging/toast/toast.js