BioPhoton / Angular Star Rating
Licence: mit
Star Rating Angular Component written in typescript, based on css only techniques.
Stars: ✭ 162
Projects that are alternatives of or similar to Angular Star Rating
Metago
MetaGo provides fast cursor movement/selection for keyboard focused users in vscode
Stars: ✭ 151 (-6.79%)
Mutual labels: keyboard
Name That Color Intellij Plugin
This plugin lets you insert a name for a color you copy-paste or type in an android resource file.
Stars: ✭ 157 (-3.09%)
Mutual labels: demo
Electron Navigation
A Node.js module that adds a navigation interface to Electron which allows you to browse the internet or view local HTML files with tabs and webviews.
Stars: ✭ 156 (-3.7%)
Mutual labels: demo
Code
This repository contains curated code written in Red and its dialects.
Stars: ✭ 151 (-6.79%)
Mutual labels: demo
Sflive Paris2016 Workflow
Demo app for the new symfony/workflow component
Stars: ✭ 160 (-1.23%)
Mutual labels: demo
Keyman
Keyman cross platform input methods system running on Android, iOS, Linux, macOS, Windows and mobile and desktop web
Stars: ✭ 156 (-3.7%)
Mutual labels: keyboard
Nepackettunnelvpndemo
iOS VPN client implementation demo based on iOS9 NetworkExtension NETunnelProvider APIs
Stars: ✭ 159 (-1.85%)
Mutual labels: demo
Flutter Unity Arkit Demo
This demo uses flutter unity view widget to show AR KIT with Unity3D
Stars: ✭ 155 (-4.32%)
Mutual labels: demo
Glsl Godrays
This module implements a volumetric light scattering effect(godrays)
Stars: ✭ 155 (-4.32%)
Mutual labels: demo
Pingcrm React
⚛️ Ping CRM React - A demo app to illustrate how Inertia.js works with Laravel and React (hosted on a heroku free dyno).
Stars: ✭ 158 (-2.47%)
Mutual labels: demo
Genealogy
Laravel 8 and Vue family tree and genealogy data processing website.
Stars: ✭ 153 (-5.56%)
Mutual labels: demo
Mx alps hybrid
KiCad Library of custom MX-Alps footprints
Stars: ✭ 160 (-1.23%)
Mutual labels: keyboard
Ng2 Pdfjs Viewer
An angular 8 component for PDFJS and ViewerJS (Supports angular 2/4/5/6/7)
Stars: ✭ 150 (-7.41%)
Mutual labels: demo
Kendryte Standalone Demo
Demo of kendryte k210 standalone SDK
Stars: ✭ 157 (-3.09%)
Mutual labels: demo
Pervane
Plain text file based note taking and knowledge base building tool, markdown editor, simple browser IDE.
Stars: ✭ 159 (-1.85%)
Mutual labels: demo
Angular Star Rating ⭐⭐⭐⭐⭐
⭐ Angular Star Rating is a Angular 2+ component made with ❤, based on css only techniques. ⭐
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.
Browser support
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
| >11 | >50 | >55 | >10 | >41 |
 |
 |
 |
 |
 |
Features
Fully featured this component is provided with:
- [x] easy configurable and reasonable defaults
- [x] all 12 css modifiers of the awesome css only star rating library
- [x] it integrates well with reactive forms and all it's states
- [x] focus and blur events are handled for a smooth keyboard navigation
- [x] it's keyboard control is even better than a native input once :-)
- [x] mouse enter and leave events are used to generate a nice on hover interaction
- [x] importable as a angular ngModule it is a plug and play to use
- [x] 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
- [x] Stackblitz Demo
- [x] Live Demo
- [x] Example-App Sources
Documentation
- Installing
- Customizing Styles
- Property bindings
- Event bindings
- Use it with reactive forms
- Custom configuration
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].