Socket
Socket
Sign inDemoInstall

angular-input-stars

Package Overview
Dependencies
2
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-input-stars

AngularJS directive for rating inputs


Version published
Maintainers
1
Weekly downloads
3
decreased by-40%

Weekly downloads

Readme

Source

Welcome

With this directive you can build rating inputs easily.

Look! A demo!

Installation via bower

	bower install angular-input-stars

Inject it

    angular.module('app', ['angular-input-stars'])

Use

	<input-stars max="5" ng-model="YourCtrl.property"></input-stars>

You can customize the base, empty, hover, and full and icon classes via attributes

	<input-stars max="5" icon-base="fa fa-fw" icon-empty="fa-circle-o" icon-hover="hover" icon-full="fa-circle" ng-model="YourCtrl.property"></input-stars>

Unlike icon-base, on icon-full, icon-hover and icon-empty you must specify only one class, but that is all you need : ]

You can customize the list class to whatever you want

	<input-stars max="5" list-class="shiny-list" ng-model="YourCtrl.property"></input-stars>

You can make it readonly thanks to @anjorinjnr

	<input-stars max="10" list-class="shiny-list" ng-model="YourCtrl.property" readonly ></input-stars>
	<input-stars max="10" list-class="shiny-list" ng-model="YourCtrl.property" readonly="true" ></input-stars>
	<input-stars max="10" list-class="shiny-list" ng-model="YourCtrl.property" readonly="readonly" ></input-stars>

The .css file is optional and it is a bootstrap for customizations.

##Dependencies This directive uses FontAwesome as fallback if you don't specify any icon class.

License

MIT License © Rafael Mello Campanari

Keywords

FAQs

Last updated on 28 Apr 2016

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc