All Projects → ramazanerikli → vue-star-rating

ramazanerikli / vue-star-rating

Licence: other
⭐ A simple star rating component for vue apps

Programming Languages

Vue
7211 projects
SCSS
7915 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to vue-star-rating

rater-js
Star rating widget for the browser. Unlimited number of stars. No dependencies. No Jquery required.
Stars: ✭ 66 (+120%)
Mutual labels:  star-rating-component, star-rating
react-native-rating-element
A simple rating library for react native supporting: decimal points, direction aware icons, custom icon set from Ionicons, custom images and record rating given by users.
Stars: ✭ 19 (-36.67%)
Mutual labels:  star-rating-component, star-rating
react-star-ratings
A customizable svg star rating component for selecting x stars or visualizing x stars
Stars: ✭ 128 (+326.67%)
Mutual labels:  star-rating-component, star-rating
react-ratings-declarative
A customizable rating component for selecting x widgets or visualizing x widgets
Stars: ✭ 41 (+36.67%)
Mutual labels:  star-rating
Raty
🌟 Raty - A Star Rating Plugin
Stars: ✭ 2,292 (+7540%)
Mutual labels:  star-rating
Cosmos
A star rating control for iOS/tvOS written in Swift
Stars: ✭ 1,992 (+6540%)
Mutual labels:  star-rating
rating
⭐ A true Bayesian rating system with scope and cache enabled
Stars: ✭ 49 (+63.33%)
Mutual labels:  star-rating
react-simple-star-rating
A simple react component for adding a star rating to your project.
Stars: ✭ 74 (+146.67%)
Mutual labels:  star-rating

vue-star-rating

A lightweight and minimal star rating component to rate products, comments, posts on the Vue.js application.

Alt Text

Demo

See vue-star-rating in action.

Features

  • Counter

How to Use

  1. Import the Star Rating Component.
import Rating from './components/Rating.vue'
  1. Add the star rating component to the app template and adjust the current and max rating values as follows:
<Rating :grade="3" :maxStars="5" :hasCounter="true" />
  1. Render the star rating component.
export default {
  name: 'App',
  components: {
    Rating
  },
  beforeCreate: function() {
    // do something
  }
}

Installation

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

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].