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