angular-stepper

1.0.0 • Public • Published

Angular stepper directive

A simple numeric stepper for angular 1.x.

Demo : http://jsfiddle.net/26ghx/embedded/result/

Making of : http://blog.revolunet.com/blog/2013/11/28/create-resusable-angularjs-input-component/

Usage

install with bower : bower install angular-stepper

Or npm : npm install --save angular-stepper

add a dependency to your app :

angular.module('MyApp', [
    'revolunet.stepper'
]);

use the directive :

<div rn-stepper ng-model="product.quantity" ng-disabled="config.totalAvailable < 1" min="config.min" max="config.max"></div>

Note: Optionaly, you can add a detailed label

<div rn-stepper ng-model="product.quantity" ng-disabled="config.totalAvailable < 1" min="config.min" max="config.max" label="point"></div>

Licence

Licensed under the permissive MIT license, contributions welcome

Readme

Keywords

none

Package Sidebar

Install

npm i angular-stepper

Weekly Downloads

2

Version

1.0.0

License

MIT

Last publish

Collaborators

  • revolunet