Category : Angular.js

18 posts

Material Design Card – Are you looking for Material Design Card, If yes then in this post I am going to share hand-picked Material Design Card for you. Design cards have increased in popularity over the years so, I’ve decided to gather some of the best designs which are available for downloading and using right …
Angular Tabs Bar – Are you looking for Angular Tabs Panel, If yes then in this post I am going to share hand-picked Angular Tabs example for you. One of the most vital tasks of a user experience designer is to make sure that the website’s navigation is simple and user-friendly. And what other way …
An Angular directive only allows [0-9] in the input box when typing, pasting or drag/dropping. This directive handles both Windows keyboard and Mac keyboard. Installation Install plugin via NPM npm i -S @uiowa/digit-only JS Import the plugin in your angular module. import { DigitOnlyModule } from '@uiowa/digit-only';   @NgModule({ declarations: [ ... ], imports: [ …
jQuery DatePicker – Are you looking for jQuery DatePicker Plugins, If yes then in this post I am going to share hand-picked jQuery DatePicker Plugins for you. If you need to work with dates in your web projects and need a Bootstrap, JavaScript based solution then these datapicker example help you in your next web …
Do you want to add image slider/carousel in your angular app If yes then in this post Iam going to share awesome angular component which help to integrate Carousel/Slider Feature in your angular application. Installation Install angular Carousel Component via NPM npm install --save @ngmodule/material-carousel Importing import { MatCarouselModule } from '@ngmodule/material-carousel';   @NgModule({ // …
Free Calendar Scripts – Are you looking for Free Calendar Scripts, If yes then in this post I’ve hand picked the 30+ Free Calendar Scripts that offer datetime functionality. Some are more developed than others and each plugin has its own set of benefits. The best part about using open source code is that it’s …
Simple sidenav is a simple, easily customizable, animated menu, with the possibility of infinite nesting that was built specifically for Angular apps. Installation Install Plugin via NPM npm install simple-sidenav --save Module # app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';   import { …
A reusable Angular duration-picker component that works with ISO_8601 durations. Requires Bootstrap, css only (no Bootstrap JS or jQuery needed). Installation installing component form NPM. npm install --save ngx-duration-picker Then in your app.module.ts add DurationPickerModule between your imports: @NgModule({ declarations: [...], imports: [ DurationPickerModule, ... ], providers: [...], bootstrap: [AppComponent] }) export class AppModule { …
PAGE TOP