<ng-input>

Text Input Effects from Codrops for Angular directives


fork ng-input on github

Install

Install using bower

$ bower install ng-input

Install using npm

$ npm install ng-input

Usage

Inject the ngInput module

angular.module('app', ['ngInput']);
<ng-input theme='haruki' label='First Name' ng-model='first_name'></ng-input>

Themes

Codrops Themes

check article at Codrops

Haruki



{{ first_name }} {{ last_name }}
{{ email }}

Hoshi


Inspired by Andrej Radisic's Jawbreaker input field

Kuro

Jiro

Minoru

Yoko

Hideo

Kyo

Akira

Ichiro

Juro

Madoka

Kaede

Isao

Manami

Nariko


Inspired by Andrej Radisic's Jawbreaker input field

Nao

Yoshiko

Shoko

Chisato

Makiko

Sae


Kozakura

Fumi

Ruri

Kohana