Skip to content

Releases: rperezll/ng-fast-toast

v1.1.3

03 Feb 11:03
Compare
Choose a tag to compare

🚀 Compatibility Update

  • Angular v19 Support.
  • Ionic v8 (based Angular v19) Support.

🤔 Description

To get the latest version, run:

npm install [email protected]

v.1.1.2

02 Feb 11:01
Compare
Choose a tag to compare

🥳 First Release

I'm excited to announce the new version of ng-fast-toast, a fast and lightweight library for Angular 18+ that makes handling alerts and notifications super easy. This version focuses on performance, using Shadow DOM, and is fully customizable and agnostic to any Angular setup.

You can try the 🕹️ Live Demo.

✨ New Features & Improvements

  • 💡 Easier to use: I’ve simplified the API to trigger notifications, with more options for success, warning, error, and loading types.
  • 🎨 Fully customizable: Now you can tweak notification styles even more to fit your app’s design.
  • 📱 Angular agnostic: The encapsulated styles are even more flexible, so it works smoothly with different Angular setups.
  • 🥰 Lightweight: Just Angular dependencies, no extra bloat, making the integration quick and easy.

🚀 Fast Installation & Setup

  1. Install the latest version:
  1. Import NgFastToastComponent:
import { Component } from "@angular/core";
import { NgFastToastComponent } from "ng-fast-toast";

@Component({
  selector: "app-root",
  standalone: true,
  imports: [NgFastToastComponent],
  templateUrl: "./app.component.html",
})
export class AppComponent {} 
  1. Add <ng-fast-toast> in your HTML:
<ng-fast-toast></ng-fast-toast>
  1. Use the NgFastToastService to trigger notifications:
toast = inject(NgFastToastService);

ngOnInit() {
  this.toast.success({title: 'Hello!', content: 'ng-fast-toast is ready to go!'});
}

You’ve got these notification types available:

  • Success
  • Warning
  • Error
  • Loading

📚 Documentation

For all the details on configuration, check out the documentation site.

📝 License

  • This project is licensed under the GPL-3.0 License.
  • See the LICENSE file for more info.