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

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