Angular 10|9 Customized Alerts, Confirm and Notification Message Boxes using SweetAlert2

In this Angular tutorial, we’ll learn how to implement custom Alert, Confirm and Toast messages in Angular 10/9/8/7/6/5/4 application by using the Sweetalert2 package. Sweetalert2 is an awesome package to show customized, animated, and beautiful Alert components. These are fully responsive and supported by multiple operating systems. The Alert messages created by Sweetalert2 adds up

Read More

Angular 10|9 Tree Structure Parent-Child with Checkboxes and Expand/ Collapse using angular-tree-component

In this Angular tutorial, we’ll learn how to create a Tree structure with a parent-child hierarchy with expand collapse arrow and checkbox feature in Angular 10/9/8/7/6/5/4 application by using the @circlon/angular-tree-component┬ápackage module. Tree Structure are used to represent a dense hierarchy of items having a parent-child relation. A tree display makes the information very easy

Read More

Angular 10|9 Generate/ Create QR Code using angular2-qrcode Tutorial with Example

In this Angular tutorial, we’ll learn how to implement a QR Code generator in Angular 10/9/8/7/6/5/4 application by using the angular2-qrcode┬ápackage module. QR codes can be used for many real-world applications like sharing of data, location, product info, etc. These can be quickly scanned to reveal the encoded information. QR codes are square encoded patters

Read More

How to Hide/Close Component on Click Outside the Element/Component using react-onclickoutside Tutorial with Example

In this React tutorial, we’ll learn how to detect click event listeners when the user clicks outside a component using the react-onclickoutside package. This package converts a simple component into a high order component to return click listeners with it. In an application, we may sometime need to create overlay and floating elements like menu

Read More