Angular Others Components & Directives

Uncategorized AngularJS components, directives, modules, plugins, APPs and other related resources.

Create A Onboarding Screen On Your App – ngx-onboarding

A customizable onboarding library for Angular that can be used to guide your visitors through your web app. More Features: Definition of several steps on each view. Highlighting of every step. Configurable on which position (top, bottom, left or right) the information text should be displayed. Multiple language support If onboarding is enabled, buttons for going to the next step and for turning off the onboarding become visible. If a user has seen the onboarding of a view, it will by default be stored in the local storage of the browser. Possibility to reset and again turn on the onboarding.

Web Audio API Declarative Library For Angular

This is  a Web Audio API declarative library for Angular to build audio graphs with directives. Also provides a service which allows you to easily turn your hosted audio file into AudioBuffer through GET requests. Preview:

Custom Bottom Sheet Component For Angular

An easy implementation of the bottom sheet on your AngularJS web applications. Features: Light and dark theme Custom trigger button Custom font/background colors How to use it: 1. Install and import the Bottom Sheet Component in your Angular project. # NPM $ npm install angular-bottom-sheet –save import { BrowserModule } from ‘@angular/platform-browser’; import { NgModule } from ‘@angular/core’; import { AngularBottomSheetModule } from ‘angular-bottom-sheet’; import { AppComponent } from ‘./app.component’; @NgModule({ declarations: , imports: , providers: , bootstrap: }) export class AppModule { } 2. Add the Bottom Sheet together with a toggle button

Angular 7+ Tree Grid Component

An Angular Tree Grid to show hierarchical data. Basically, if data has Parent-Child relationship. If data needs to be grouped by fields.