Angular Others Components & Directives

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

Step-by-step Walkthrough Library For Angular Material – bdc-walkthrough

A feature-rich step-by-step walkthrough library for creating feature tour & form wizard on your app. The walk-through library is composed of these 3 parts: BdcWalkService – a service used to manage and store the completed tasks. These are stored in the LocalStorage of the browser. Each task is either completed (true), uncompleted (false), or completed with a value. <bdc-walk-popup> – a component used to display popups automatically when a set of tasks match the criteria. Each popup has a unique name, which is used to identify its task. If the popup is closed by the user, its task is automatically marked as

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