@snack-uikit/toaster NPM

Toaster

Installation

npm i @snack-uikit/toaster

Usage

import { toaster } from '@snack-uikit/toaster';

// create userAction toast
const userActionId = await toaster.userAction.success({ label, id });

// create systemEvent toast
const systemEventId = await toaster.systemEvent.success({ title, description, id });

// update userAction toast
toaster.userAction.update.error(userActionId, { label: 'new text' });

// update systemEvent toast
toaster.systemEvent.update.error(systemEventId, {
    title: 'new text',
    description: 'new description',
});

// dismiss userAction toast
toaster.userAction.dismiss(userActionId);

// dismiss systemEvent toast
toaster.systemEvent.dismiss(systemEventId);

Props

type ToastUserActionLink = {
  text: string;
  href: string;
  onClick?(e: MouseEvent<HTMLAnchorElement>): void;
};

type ToastUserActionProps = Partial<RtToastContentProps> &
  WithSupportProps<{
    label: string;
    link?: ToastUserActionLink;
    className?: string;
    onClose(id?: string | number): void;
  }>;

type ToastSystemEventLink = {
  text: string;
  href: string;
  onClick?(e: MouseEvent<HTMLAnchorElement>): void;
};

type ToastSystemEventProps = Partial<RtToastContentProps> &
  WithSupportProps<{
    title: string;
    description?: string;
    link?: ToastSystemEventLink;
    progressBar?: boolean;
    closable?: boolean;
    className?: string;
    onCloseClick?(e: MouseEvent<HTMLButtonElement>, close?: () => void): void;
    onClose(id?: string | number): void;
  }>;

TODO

Translations

@snack-uikit/icons @snack-uikit/link @snack-uikit/loaders @snack-uikit/locale @snack-uikit/progress-bar @snack-uikit/scroll @snack-uikit/truncate-string @snack-uikit/utils classnames react-draggable react-toastify uncontrollable

@everything-registry/sub-chunk-847

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.8.14-preview-20f136a2.0

11 months ago

0.8.14-preview-e840ab81.0

11 months ago

0.9.5-preview-960d787f.0

11 months ago

0.8.9-preview-38cf19d9.0

1 year ago

0.8.7-preview-95f36d41.0

1 year ago

0.9.1-preview-3df2b4f3.0

11 months ago

0.8.14-preview-d479ae3f.0

11 months ago

0.10.1-preview-f475624a.0

10 months ago

0.11.5-preview-69fcfa33.0

8 months ago

0.8.19-preview-0d45398a.0

11 months ago

0.8.5-preview-baf754b1.0

1 year ago

0.11.2-preview-cf198ddd.0

9 months ago

0.9.4

11 months ago

0.9.3

11 months ago

0.8.19-preview-9cd1b89a.0

11 months ago

0.8.5-preview-7eeb1bc1.0

1 year ago

0.8.14-preview-abb5f7dc.0

11 months ago

0.9.3-preview-9cd90b72.0

11 months ago

0.11.5-preview-9998cc23.0

8 months ago

0.8.15-preview-3566ac3d.0

11 months ago

0.8.14-preview-9ca6ecbf.0

11 months ago

0.10.1

10 months ago

0.10.2-preview-352c392a.0

10 months ago

0.9.3-preview-790689b4.0

11 months ago

0.8.19-preview-04b740ca.0

11 months ago

0.11.3-preview-6c5a9bc3.0

8 months ago

0.10.0

11 months ago

0.10.2-preview-3e55020c.0

10 months ago

0.8.20-preview-6a400eba.0

11 months ago

0.8.18-preview-8b563728.0

11 months ago

0.8.14-preview-f7ec3fa7.0

11 months ago

0.8.3

1 year ago

0.8.2

1 year ago

0.8.5-preview-042f5ed6.0

1 year ago

0.10.1-preview-ccf49ef5.0

10 months ago

0.9.4-preview-2289a98e.0

11 months ago

0.8.11-preview-913f1101.0

1 year ago

0.10.2-preview-a01e5edb.0

9 months ago

0.8.14-preview-922d2ce6.0

11 months ago

0.8.14-preview-f228eb9d.0

11 months ago

0.9.3-preview-a72aa3db.0

11 months ago

0.11.0

9 months ago

0.8.2-preview-9a7f316b.0

1 year ago

0.11.1

9 months ago

0.10.2-preview-8c84e870.0

10 months ago

0.11.2

9 months ago

0.11.3

8 months ago

0.11.4

8 months ago

0.8.19-preview-27ae78ba.0

11 months ago

0.9.4-preview-9b613928.0

11 months ago

0.9.4-preview-3d690e1c.0

11 months ago

0.11.5-preview-e4e8fc7b.0

8 months ago

0.8.17-preview-bc9ca5dd.0

11 months ago

0.8.14-preview-ed010264.0

12 months ago

0.11.5-preview-050dc1ef.0

8 months ago

0.9.0

11 months ago

0.9.2

11 months ago

0.9.1

11 months ago

0.8.9-preview-bb2cdfb8.0

1 year ago

0.8.14-preview-a2a64ca4.0

11 months ago

0.8.5-preview-4d81b82b.0

1 year ago

0.10.2-preview-ef227a87.0

10 months ago

0.11.3-preview-580e8472.0

8 months ago

0.8.14-preview-b5e187d5.0

11 months ago

0.8.5-preview-53bd8747.0

1 year ago

0.8.14-preview-74c13173.0

11 months ago

0.8.5-preview-379c4ff3.0

1 year ago

0.10.2-preview-8cf89a18.0

10 months ago

0.11.1-preview-709ee47c.0

9 months ago

0.8.12

12 months ago

0.8.11

12 months ago

0.11.2-preview-845a4e8b.0

9 months ago

11 months ago

12 months ago

1 year ago

11 months ago

0.8.5-preview-20b0f520.0

1 year ago

0.8.19-preview-a0074739.0

11 months ago

0.8.16

11 months ago

0.11.5-preview-2df7e7b5.0

8 months ago

0.8.15

11 months ago

0.11.5-preview-aba585d4.0

8 months ago

0.8.18

11 months ago

0.8.17

11 months ago

0.9.3-preview-9354ceb8.0

11 months ago

0.8.13-preview-d9538faf.0

12 months ago

0.11.2-preview-2f8a726b.0

9 months ago

0.7.0

1 year ago

0.6.28-preview-ba12ca94.0

1 year ago

0.8.1

1 year ago

0.8.0

1 year ago

0.6.28-preview-71543426.0

1 year ago

0.6.28-preview-efee0b7d.0

1 year ago

0.6.28-preview-e5174ad1.0

1 year ago

0.6.28-preview-c9b51578.0

1 year ago

0.6.28-preview-7adaddbe.0

1 year ago

0.6.28-preview-d96c83e8.0

1 year ago

0.6.28-preview-3f66d646.0

1 year ago

0.6.28-preview-1f246c4a.0

1 year ago

0.6.28-preview-fc25f08d.0

1 year ago

0.6.27

1 year ago

0.6.26-preview-e9b53c27.0

1 year ago

0.6.26

1 year ago

0.6.22-preview-1ab5fc2e.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

0.6.21-preview-2263fc7d.0

2 years ago

0.6.18

2 years ago

0.6.17

2 years ago

0.6.16-preview-0df2fefa.0

2 years ago

0.6.19

2 years ago

0.6.16

2 years ago

0.6.15

2 years ago

0.6.15-preview-a5a79952.0

2 years ago

0.6.19-preview-a66ce7a9.0

2 years ago

0.6.22-preview-ca0a56c2.0

2 years ago

0.6.20-preview-d4831186.0

2 years ago

0.6.21-preview-a882321d.0

2 years ago

0.6.15-preview-d74371e8.0

2 years ago

0.6.19-preview-767c086a.0

2 years ago

0.6.22-preview-b09d21bf.0

2 years ago

0.6.21-preview-5f7a62c6.0

2 years ago

0.6.25-preview-94780dcd.0

1 year ago

0.6.24-preview-8898cdde.0

1 year ago

0.6.21-preview-a69ad91a.0

2 years ago

0.6.19-preview-1a5a24ad.0

2 years ago

0.6.24-preview-963c3343.0

1 year ago

0.6.22-preview-44f1f327.0

2 years ago

0.6.22-preview-b0a54706.0

2 years ago

0.6.16-preview-c6cf83f0.0

2 years ago

0.6.14-preview-8bb3334c.0

2 years ago

0.6.14

2 years ago

0.6.13

2 years ago

0.6.13-preview-c70fa919.0

2 years ago

0.6.12

2 years ago

0.6.11

2 years ago

0.6.11-preview-cb79db34.0

2 years ago

0.6.11-preview-7a18c2ee.0

2 years ago

0.6.11-preview-5b75040d.0

2 years ago

0.6.11-preview-08779a44.0

2 years ago

0.6.11-preview-80576138.0

2 years ago

0.6.11-preview-82ef7975.0

2 years ago

0.6.11-preview-69abc1d3.0

2 years ago

0.6.11-preview-2855fb42.0

2 years ago

0.6.11-preview-0a44b2fc.0

2 years ago

0.6.10

2 years ago

0.6.9

2 years ago

0.6.9-preview-7ee1f9de.0

2 years ago

0.6.9-preview-b7fef59a.0

2 years ago

0.6.9-preview-61555bbb.0

2 years ago

0.6.8

2 years ago

0.6.9-preview-6ce8b9ba.0

2 years ago

0.6.8-preview-8c773b48.0

2 years ago

0.6.8-preview-ed4b1f94.0

2 years ago

0.6.7

2 years ago

0.6.7-preview-1fcf96b1.0

2 years ago

0.6.6

2 years ago

0.6.5

2 years ago

0.6.5-preview-84a92753.0

2 years ago

0.6.5-preview-778a0ef6.0

2 years ago

0.6.5-preview-2484f987.0

2 years ago

0.6.5-preview-3cdd8d31.0

2 years ago

0.6.4

2 years ago

0.6.4-preview-993a9cfb.0

2 years ago

0.6.3

2 years ago

0.6.2

2 years ago

0.6.1-preview-3f90b7f1.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.5.3-preview-00fa1de0.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.3.21-preview-85c5f47b.0

2 years ago