Skip to content

Angular 2 Component written in typescript, based on css only techniques.

License

Notifications You must be signed in to change notification settings

Mokolea/angular-star-rating

 
 

Repository files navigation

Angular Star Rating ⭐⭐⭐⭐⭐

⭐ Angular Star Rating is a Angular 2+ component made with ❤, based on css only techniques. ⭐

License NPM Version Build Status

NPM

Angular Star Rating is a Angular 2+ component made with ❤.

It is based on best practice UX/UI methods, accessibility in mind and an eye for details. In love with reactive forms, the component is easy to control over the keyboard.
It is a perfect fit for all angular projects with ⭐'s.

To keep it as flexible as possible a major part of the logic is based on css only techniques. The component simple applies the state depending css modifiers.

Angular-Star-Rating

Browser support

IE Firefox Chrome Safari Opera
>11 >50 >55 >10 >41

Features

Fully featured this component is provided with:

  • easy configurable and reasonable defaults
  • all 12 css modifiers of the awesome css only star rating library
  • it integrates well with reactive forms and all it's states
  • focus and blur events are handled for a smooth keyboard navigation
  • it's keyboard control is even better than a native input once :-)
  • mouse enter and leave events are used to generate a nice on hover interaction
  • importable as a angular ngModule it is a plug and play to use
  • and is tested for AOT

Related Projects

Css Angular 1 Angular Ionic 1
Css Star Rating Angular1 Star Rating Angular Star Rating Ionic1 Star Rating

DEMO

License

MIT © Michael Hladky

About

Angular 2 Component written in typescript, based on css only techniques.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 51.2%
  • JavaScript 33.9%
  • PowerShell 8.6%
  • HTML 6.2%
  • CSS 0.1%