{"id":13808754,"url":"https://github.com/ngxpert/hot-toast","last_synced_at":"2025-05-14T03:31:22.516Z","repository":{"id":223240181,"uuid":"759673453","full_name":"ngxpert/hot-toast","owner":"ngxpert","description":"🍞 Smoking hot toast notifications for Angular.","archived":false,"fork":false,"pushed_at":"2025-05-05T03:04:11.000Z","size":17879,"stargazers_count":126,"open_issues_count":11,"forks_count":10,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-10T17:04:56.793Z","etag":null,"topics":["angular","angular-library","css","javascript","ngneat-hot-toast","ngneat-hottoast","ngxpert","ngxpert-hot-toast","ngxpert-hottoast","scss","toast","typescript","webdevelopment"],"latest_commit_sha":null,"homepage":"https://ngxpert.github.io/hot-toast/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ngxpert.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["shhdharmen"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"polar":null,"custom":null}},"created_at":"2024-02-19T05:41:19.000Z","updated_at":"2025-04-24T08:24:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c7e2c89-0657-493f-b1e9-a10ac66a1f08","html_url":"https://github.com/ngxpert/hot-toast","commit_stats":null,"previous_names":["ngxpert/hot-toast"],"tags_count":25,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngxpert%2Fhot-toast","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngxpert%2Fhot-toast/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngxpert%2Fhot-toast/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngxpert%2Fhot-toast/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ngxpert","download_url":"https://codeload.github.com/ngxpert/hot-toast/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253909597,"owners_count":21982691,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-library","css","javascript","ngneat-hot-toast","ngneat-hottoast","ngxpert","ngxpert-hot-toast","ngxpert-hottoast","scss","toast","typescript","webdevelopment"],"created_at":"2024-08-04T01:01:51.162Z","updated_at":"2025-05-14T03:31:22.507Z","avatar_url":"https://github.com/ngxpert.png","language":"TypeScript","funding_links":["https://github.com/sponsors/shhdharmen"],"categories":["Third Party Components"],"sub_categories":["Notifications"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"20%\" height=\"20%\" src=\"./assets/logo.svg?raw=true\"\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n[![npm](https://img.shields.io/npm/v/@ngxpert/hot-toast?style=flat-square)](https://www.npmjs.com/package/@ngxpert/hot-toast)\n[![MIT](https://img.shields.io/packagist/l/doctrine/orm.svg?style=flat-square)](https://github.com/ngxpert/hot-toast/blob/main/LICENSE)\n[![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)]()\n[![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/ngxpert/hot-toast/compare)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![linted with eslint](https://img.shields.io/badge/linted_with-eslint-4b32c3.svg?style=flat-square)](https://github.com/prettier/prettier)\n[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)\n[![ngxpert](https://img.shields.io/badge/@-ngxpert-383636?style=flat-square\u0026labelColor=8f68d4)](https://github.com/ngxpert/)\n[![cypress](https://img.shields.io/endpoint?url=https://cloud.cypress.io/badge/detailed/5qxvbj/main\u0026style=flat\u0026logo=cypress)](https://cloud.cypress.io/projects/5qxvbj/runs)\n[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)\n\n\u003e Smoking hot Notifications for Angular. Lightweight, customizable and beautiful by default. Inspired from [react-hot-toast](https://github.com/timolins/react-hot-toast)\n\nhttps://github.com/ngxpert/hot-toast/assets/6831283/ae718568-d5ea-47bf-a41d-6aabc7d4a044\n\n## Compatibility with Angular Versions\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003e@ngxpert/hot-toast\u003c/th\u003e\n      \u003cth\u003eAngular\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        1.x, 2.x\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003e= 17 \u003c 18\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        3.x\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003e= 18 \u003c 19\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\n        4.x\n      \u003c/td\u003e\n      \u003ctd\u003e\n        \u003e= 19\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### For older Angular versions, keep using [@ngneat/hot-toast from npm](https://www.npmjs.com/package/@ngneat/hot-toast).\n\n## Features\n\n- 🔥 **Hot by default**\n- ☕ **Easy to use**\n- 🐍 **Snackbar variation**\n- ♿ **Accessible**\n- 🖐️ **Reduce motion support**\n- 😊 **Emoji Support**\n- 🛠 **Customizable**\n- ⏳ **Observable API**\n- ✋ **Pause on hover**\n- 🔁 **Events**\n- 🔒 **Persistent**\n- 🎭 **Grouping**\n\n## Installation\n\n### Angular 19+\n\nUsing **Angular CLI**:\n\n```bash\nng add @ngxpert/hot-toast\n```\n\n### Other Angular Versions\n\nWith **npm**:\n\n```bash\nnpm install @ngneat/overview@6.1.1 @ngxpert/hot-toast\n```\n\nor **yarn**\n\n```bash\nyarn add @ngneat/overview@6.1.1 @ngxpert/hot-toast\n```\n\n\u003cdetails\u003e\n\u003csummary\u003eFor older versions\u003c/summary\u003e\n\n```bash\n# For Angular version \u003e= 9.1.13 \u003c 13\nnpm install @ngneat/overview@2.0.2 @ngneat/hot-toast@3\n\n# For Angular version \u003e= 13 \u003c 15\nnpm install @ngneat/overview@3.0.0 @ngneat/hot-toast@4\n\n# For Angular version \u003e= 15 \u003c16\nnpm install @ngneat/overview@3.0.0 @ngneat/hot-toast@5\n\n# For Angular version \u003e= 16 \u003c17\nnpm install @ngneat/overview@5.1.1 @ngneat/hot-toast@6\n\n# For Angular version \u003e= 17 \u003c18\nnpm install @ngneat/overview@6.0.0 @ngxpert/hot-toast@2\n\n# For Angular version \u003e= 18 \u003c19\nnpm install @ngneat/overview@6.1.1 @ngxpert/hot-toast@3\n```\n\n\u003c/details\u003e\n\n## Setup\n\n### Step 1a/2: Standalone Setup\n\n```typescript\nimport { AppComponent } from './src/app.component';\n\nimport { provideHotToastConfig } from '@ngxpert/hot-toast';\n\nbootstrapApplication(AppComponent, {\n  providers: [\n    provideHotToastConfig(), // @ngxpert/hot-toast providers\n  ]\n});\n```\n\n### Step 1b/2: Module Setup\n\nAdd `provideHotToastConfig()` to your app.module.ts `providers` section. Toast options ([`Partial\u003cToastConfig\u003e`](#toastconfig)) here.:\n\n```typescript\nimport { providerHotToastConfig } from '@ngxpert/hot-toast';\n\n@NgModule({\n  providers: [provideHotToastConfig()],\n})\nclass AppModule {}\n```\n\n### Step 2/2: Stylings\n\nif you use **SCSS** add this line to your main **styles.scss**:\n\n```scss\n@use '@ngxpert/hot-toast/src/styles/styles.scss';\n```\n\nor if you use **CSS** add this to your styles inside your **angular.json**:\n\n```json\n\"styles\": [\n     \"node_modules/@ngxpert/hot-toast/src/styles/styles.css\",\n],\n```\n\n## Basic Usage\n\n```typescript\nimport { HotToastService } from '@ngxpert/hot-toast';\n\n@Component({})\nexport class AppComponent {\n  constructor(private toast: HotToastService) {}\n\n  showToast() {\n    this.toast.show('Hello World!');\n    this.toast.loading('Lazyyy...');\n    this.toast.success('Yeah!!');\n    this.toast.warning('Boo!');\n    this.toast.error('Oh no!');\n    this.toast.info('Something...');\n  }\n\n  update() {\n    saveSettings\n      .pipe(\n        this.toast.observe({\n          loading: 'Saving...',\n          success: 'Settings saved!',\n          error: 'Could not save.',\n        })\n      )\n      .subscribe();\n  }\n}\n```\n\nYou can pass [`ToastOptions`](#toastoptions) while creating the toast to customize the look and behavior:\n\n```typescript\nimport { HotToastService } from '@ngxpert/hot-toast';\n\n@Component({})\nexport class AppComponent {\n  constructor(private toast: HotToastService) {}\n\n  customToast() {\n    this.toast.success('Look at my styles, and I also need more time!', {\n      duration: 5000,\n      style: {\n        border: '1px solid #713200',\n        padding: '16px',\n        color: '#713200',\n      },\n      iconTheme: {\n        primary: '#713200',\n        secondary: '#FFFAEE',\n      },\n    });\n  }\n}\n```\n\nYou can also set global [`ToastConfig`](#toastconfig) options while importing:\n\n```typescript\nimport { provideHotToastConfig } from '@ngxpert/hot-toast';\n\n@NgModule({\n  providers: [\n    provideHotToastConfig({\n      reverseOrder: true,\n      dismissible: true,\n      autoClose: false,\n    }),\n  ],\n})\nclass AppModule {}\n```\n\nAdditionally, you have the option of using a standalone function to provide a global toast configuration within your app's configuration file:\n\n```typescript\n// app.config.ts\nimport { provideHotToastConfig } from '@ngxpert/hot-toast';\n\nexport const appConfig: ApplicationConfig = {\n  providers: [provideHotToastConfig({ ... })],\n};\n```\n\n## Examples\n\nYou can checkout examples at: \u003chttps://ngxpert.github.io/hot-toast#examples\u003e.\n\n### ToastConfig\n\nAll options, which are set _Available in global config?_ from `ToastOptions` are supported. Below are extra configurable options:\n\n| Name          | Type                  | Description                                                             |\n| ------------- | --------------------- | ----------------------------------------------------------------------- |\n| reverseOrder  | `boolean`             | Sets the reverse order for hot-toast stacking\u003cbr\u003e_Default: false_       |\n| visibleToasts | `number`              | Sets the number of toasts visible. 0 will set no limit.\u003cbr\u003e_Default: 5_ |\n| stacking      | `\"vertical\"\\|\"depth\"` | Sets Sets the type of stacking\u003cbr\u003e_Default: \"vertical\"_                 |\n\n### ToastOptions\n\nConfiguration used when opening an hot-toast.\n\n| Name        | Type                                                                                                                                                                                                          | Description                                                                                                                                                                                                                                                                 | Available in global config? |\n| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\n| id          | `string`                                                                                                                                                                                                      | Unique id to associate with hot-toast. There can't be multiple hot-toasts opened with same id. \u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#only-one-at-a-time)_                                                                                                     | No                          |\n| duration    | `number`                                                                                                                                                                                                      | Duration in milliseconds after which hot-toast will be auto closed. Can be disabled via `autoClose: false`\u003cbr\u003e_Default: `3000, error = 4000, loading = 30000`_                                                                                                              | Yes                         |\n| autoClose   | `boolean`                                                                                                                                                                                                     | Auto close hot-toast after duration\u003cbr\u003e_Default: `true`_                                                                                                                                                                                                                    | Yes                         |\n| position    | [`ToastPosition`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20type%20ToastPosition)              | The position to place the hot-toast.\u003cbr\u003e_Default: `top-center`_\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#positions)_                                                                                                                                              | Yes                         |\n| dismissible | `boolean`                                                                                                                                                                                                     | Show close button in hot-toast\u003cbr\u003e_Default: `false`_\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#dismissible)_                                                                                                                                                       | Yes                         |\n| role        | [`ToastRole`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20type%20ToastRole)                      | Role of the live region.\u003cbr\u003e_Default: `status`_                                                                                                                                                                                                                             | Yes                         |\n| ariaLive    | [`ToastAriaLive`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20type%20ToastAriaLive)              | aria-live value for the live region.\u003cbr\u003e_Default: `polite`_                                                                                                                                                                                                                 | Yes                         |\n| theme       | [`ToastTheme`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20type%20ToastTheme)                    | Visual appearance of hot-toast\u003cbr\u003e_Default: `toast`_\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#snackbar)_                                                                                                                                                          | Yes                         |\n| persist     | [`{ToastPersistConfig}`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20class%20ToastPersistConfig) | Useful when you want to keep a persistance for toast based on ids, across sessions.\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#persistent)_                                                                                                                         | No                          |\n| icon        | [`Content`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/overview/blob/main/projects/ngxpert/overview/src/lib/views/types.ts\u0026q=export%20type%20Content)                                | Icon to show in the hot-toast\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#emoji)_                                                                                                                                                                                    | Yes                         |\n| iconTheme   | [`IconTheme`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20type%20IconTheme)                      | Use this to change icon color\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#themed)_                                                                                                                                                                                   | Yes                         |\n| className   | `string`                                                                                                                                                                                                      | Extra CSS classes to be added to the hot toast container.                                                                                                                                                                                                                   | Yes                         |\n| attributes  | [`Record\u003cstring, string\u003e`](https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeystype)                                                                                                    | Extra attributes to be added to the hot toast container. Can be used for e2e tests.                                                                                                                                                                                         | Yes                         |\n| style       | `style object`                                                                                                                                                                                                | Extra styles to apply for hot-toast.\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#themed)_                                                                                                                                                                            | Yes                         |\n| closeStyle  | `style object`                                                                                                                                                                                                | Extra styles to apply for close button                                                                                                                                                                                                                                      | Yes                         |\n| data        | [`DataType`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=export%20interface%20Toast%3CDataType%3E)        | Allows you to pass data for your template and component. You can access the data using `toastRef.data`.\u003cbr\u003e_Examples: [Template with Data](https://ngxpert.github.io/hot-toast/#template-data), [Component with Data](https://ngxpert.github.io/hot-toast/#component-data)_ | No                          |\n| injector    | `Injector`                                                                                                                                                                                                    | Allows you to pass injector for your component.\u003cbr\u003e_[Example](https://ngxpert.github.io/hot-toast/#injector)_                                                                                                                                                               | No                          |\n| group       | [`group`](https://github-link.vercel.app/api?ghUrl=https://github.com/ngxpert/hot-toast/blob/main/projects/ngxpert/hot-toast/src/lib/hot-toast.model.ts\u0026q=group%3F)                                           | Allows you to set group options. \u003cbr\u003eExamples: [Pre-Grouping](https://ngxpert.github.io/hot-toast/#pre-grouping), [Post-Grouping](https://ngxpert.github.io/hot-toast/#post-grouping)                                                                                       | No                          |\n\n---\n\n## Supported Browsers\n\nLatest versions of Chrome, Edge, Firefox and Safari are supported, with some known [issues](https://github.com/ngxpert/hot-toast/labels/browser).\n\n## Accessibility\n\nHot-toast messages are announced via an `aria-live` region. By default, the `polite` setting is used. While `polite` is recommended, this can be customized by setting the `ariaLive` property of the `ToastConfig` or `ToastOptions`.\n\nFocus is not, and should not be, moved to the hot-toast element. Moving the focus would be disruptive to a user in the middle of a workflow. It is recommended that, for any action offered in the hot-toast, the application offers the user an alternative way to perform the action. Alternative interactions are typically keyboard shortcuts or menu options. When the action is performed in this way, the hot-toast should be dismissed.\n\nHot-toasts that have an [action available](https://ngxpert.github.io/hot-toast/#template) should be set `autoClose: false`, as to accommodate screen-reader users that want to navigate to the hot-toast element to activate the action.\n\n## Breaking Changes\n\n### v1 to v2\n\nThe `\u003cdiv\u003e` surrounding `\u003cng-container\u003e` is removed from `.hot-toast-message` to better and easy structure of layout. User may need to check their templates after updating to v2.\n\n### v2 to v3\n\nNone\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/shhdharmen\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/6831283?v=4?s=100\" width=\"100px;\" alt=\"Dharmen Shah\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDharmen Shah\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ngxpert/hot-toast/commits?author=shhdharmen\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#content-shhdharmen\" title=\"Content\"\u003e🖋\u003c/a\u003e \u003ca href=\"#design-shhdharmen\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"https://github.com/ngxpert/hot-toast/commits?author=shhdharmen\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#example-shhdharmen\" title=\"Examples\"\u003e💡\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://www.netbasal.com/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/6745730?v=4?s=100\" width=\"100px;\" alt=\"Netanel Basal\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNetanel Basal\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ngxpert/hot-toast/issues?q=author%3ANetanelBasal\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e \u003ca href=\"#business-NetanelBasal\" title=\"Business development\"\u003e💼\u003c/a\u003e \u003ca href=\"#ideas-NetanelBasal\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"#maintenance-NetanelBasal\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#mentoring-NetanelBasal\" title=\"Mentoring\"\u003e🧑‍🏫\u003c/a\u003e \u003ca href=\"#projectManagement-NetanelBasal\" title=\"Project Management\"\u003e📆\u003c/a\u003e \u003ca href=\"#research-NetanelBasal\" title=\"Research\"\u003e🔬\u003c/a\u003e \u003ca href=\"https://github.com/ngxpert/hot-toast/pulls?q=is%3Apr+reviewed-by%3ANetanelBasal\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://timo.sh/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/1440854?v=4?s=100\" width=\"100px;\" alt=\"Timo Lins\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eTimo Lins\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#design-timolins\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#ideas-timolins\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/patdx\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/353863?v=4?s=100\" width=\"100px;\" alt=\"Patrick Miller\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePatrick Miller\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#maintenance-patdx\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#platform-patdx\" title=\"Packaging/porting to new platform\"\u003e📦\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/ritox842\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/7280441?v=4?s=100\" width=\"100px;\" alt=\"Gili Yaniv\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGili Yaniv\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ngxpert/hot-toast/commits?author=ritox842\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://medium.com/@overthesanity\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/7337691?v=4?s=100\" width=\"100px;\" alt=\"Artur Androsovych\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eArtur Androsovych\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#maintenance-arturovt\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/luishcastroc\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/13698269?v=4?s=100\" width=\"100px;\" alt=\"Luis Castro\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuis Castro\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ngxpert/hot-toast/commits?author=luishcastroc\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n\u003cdiv\u003eIcons made by \u003ca href=\"http://www.freepik.com/\" title=\"Freepik\"\u003eFreepik\u003c/a\u003e from \u003ca href=\"https://www.flaticon.com/\" title=\"Flaticon\"\u003ewww.flaticon.com\u003c/a\u003e\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngxpert%2Fhot-toast","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fngxpert%2Fhot-toast","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngxpert%2Fhot-toast/lists"}