• Stars
    star
    218
  • Rank 181,805 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 8 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Angular Star Rating

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

License NPM Version Release status styled with prettier Package Quality NPM

Angular Star Rating is a Angular 10+ 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

Documentation

Versioning

This project will be maintained under the Semantic Versioning guidelines.

Given a version number MAJOR.MINOR.PATCH-PRE-RELEASE, increment the:

  • MAJOR version when you make incompatible API changes,
  • MINOR version when you add functionality in a backwards-compatible manner, and
  • PATCH version when you make backwards-compatible bug fixes.
  • PRE-RELEASE and build metadata as extensions to the MAJOR.MINOR.PATCH format (1.0.0-beta.0).

Find information on SemVer under semver.org.

License

MIT © Michael Hladky

More Repositories

1

Worlds-BIGGEST-collection-of-GitHub-stars

Star me!
76
star
2

Rx-Marble-Design-System

A design system to visualize functional reactive programming based on ReactiveExtensions
CSS
72
star
3

css-star-rating

Css Star Rating is a css only star rating lib based on best practice UX/UI methodes. It is written in scss and fully customizable.
SCSS
69
star
4

angular-signature-pad

SignaturePad for angular
TypeScript
53
star
5

angular-formatter-parser

Angular Formatter Parser - The AngularJS Port - Easy to implement and elegant to use it also provides the possibility to register custom transform functions.
TypeScript
50
star
6

angular-morse-code-example

Example of common RxJs patterns presented in a playful way - Decode and encode morse codes
TypeScript
42
star
7

Ionic-Angular-Headless-Drupal-Demo

Ionic drupal example demo for decoupled "headless" Drupal setup using services module
JavaScript
41
star
8

research-reactive-ephemeral-state-in-component-oriented-frontend-frameworks

Research on reactive-ephemeral-state in component oriented frontend frameworks - Demonstrated with Angular and RxJS
TypeScript
36
star
9

rxjs-operating-heavily-dynamic-uis

Created with StackBlitz ⚡️
TypeScript
32
star
10

ng-drupal-7-services

Well structured AngularJS modules mimic the architecture of Drupal Services 3.x. for your next AngularJS / Ionic Drupal Headless / Decoupled project
JavaScript
26
star
11

angular-alternative-validation

Provides an alternative validation state without effecting the valid state of a control
TypeScript
25
star
12

angular-ngrx-refactoring

How to upgrade to ngrx store showed in a step by step example
TypeScript
24
star
13

rxjs-schedulers

Demos and experiments with rxjs schedulers
TypeScript
19
star
14

angular1-star-rating

Angular 1.5 Component written in typescript, based on css only techniques.
JavaScript
19
star
15

ng-operate-heavily-dynamic-uis

Advanced patterns in RxJS and Angular - Operate heavily dynamic UI's
TypeScript
16
star
16

rxjs-state

Vanilla TypeScript reactive state written in RxJS
TypeScript
15
star
17

Reactive-Architecture-and-UX-Patterns_Angular

Reactive Architecture and UX Patterns for Angular and RxJS
TypeScript
14
star
18

ngRe

Reactive Extensions for Angular
TypeScript
12
star
19

blog-how-to-avoid-observables-in-angular

How to Avoid Observables in Angular
TypeScript
10
star
20

angular-workshop-seed

The seed project for angular workshops
TypeScript
8
star
21

ng-drupal-7-services-explorer

Tests for Angular Headless Drupal setup with services
HTML
7
star
22

ng-elements-poc

A step by step description to setup web components with angular >=6
TypeScript
7
star
23

ionic1-star-rating

Ionic1 Star Rating is a Ionic specific Angular1.6 component written in typescript. It is based on css-star-rating, a fully featured and customizable css only star rating component written in scss.
JavaScript
7
star
24

angular-movies-perf

TypeScript
6
star
25

rx-angular-wordle

Wordle clone in Aangular
HTML
5
star
26

Michael-Hladky

Trainer/Consultant, Senior Software Architect | Angular/RxJS/ionic/NestJS
4
star
27

rxjs-workshop

HTML
4
star
28

angular-element-variants

CLI plugin and angular lib for bundling of multiple variants of Angular elements
TypeScript
4
star
29

angular-decorators

Angular Decorators
TypeScript
4
star
30

ng-rxjs-examples

angular and RxJS examples
TypeScript
3
star
31

angular-vienna-logo

Official angular vienna theme. Feel free to collaborate!
3
star
32

nx-validators

TypeScript
3
star
33

enterprise-workshop

Enterprise Workshop
CSS
3
star
34

alanda-poc

TypeScript
3
star
35

ng-upgrade-workshop-seed

Project seed for a ng-upgrade workshop
TypeScript
3
star
36

custom-control-poc

This a try of a clean implementation for a custom form control. Every line should be documented.
TypeScript
3
star
37

micromata_18-19.17

Sourcecode zum Workshop
TypeScript
3
star
38

cli-workspace-starter

Starter repository for the enterprise monorepo workshop
CSS
3
star
39

angular-basic-ws

Basic Angular Workshop Starter
3
star
40

rx_morsecode

rx morsecode
CSS
3
star
41

ios-cordova-ibeacon-monitoring-poc

poc for monitoring beacons
JavaScript
3
star
42

figma-export-transformer

A small CLI that helps to turn figma JSON export into css
2
star
43

angular-change-detection

Examples and demos on Angular's change detection mechanism
TypeScript
2
star
44

rx_level-up

Website for my Rx activities and content
TypeScript
2
star
45

rxjs-mds

TypeScript
2
star
46

elements

TypeScript
1
star
47

angular-universal

TypeScript
1
star
48

angular-firebase-poc

poc for angular and firebase
CSS
1
star
49

signal-experiments

TypeScript
1
star
50

react-change-detection-example

Created with StackBlitz ⚡️
TypeScript
1
star
51

angular-ssr

ssr for angular
JavaScript
1
star
52

angular-notfication-channel

A generic service for wrapping the notifivation (events, watchers, etc.) logic of your applications
JavaScript
1
star
53

tour-of-heroes-ngxs

Tour of heroes example with ngxs
TypeScript
1
star