vinayakkulkarni / v-rating

:star: Rating component in Semantic-UI made with VueJS (< 1kB, blazing fast)

Home Page:https://bit.ly/v-rating

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

V-Rating ⚑ Build Status FOSSA Status

github release npm version npm downloads

  • Simple ui rating component for Vue made with Semantic-UI.

  • This is on GitHub so let me know if I've b0rked it somewhere, give me a star ⭐ if you like it 🍻

  • Demo here -> πŸ’― Codesandbox Link

Requirements

βœ… Install πŸ‘Œ

npm install v-rating
// or
yarn add v-rating

CDN: UNPKG | jsDelivr (available as window.VRating)

βœ… Usage πŸŽ“

Register the component globally:

Vue.component('Rating', require('v-rating'));

Or use locally

import Rating from 'v-rating';

βœ… Example 1 πŸ€

<rating v-model="yourLocalVariable" class="huge heart"></rating>
Vue.component('example-component', {
	data() {
		return {
			yourLocalVariable: 0,
		};
	}
});

βœ… πŸ“– Props

Name Type Required? Default Description
type String No star The type of rating component will it be? SUI has stars &heart.
clearable Boolean No true Whether the rating is clearable or not. Read the SUI Docs on this
max String No 5 A number representing the maximum ratings that can be made available.
initial String No 0 A number representing the default rating to apply.

NPM :octocat:

NPM

License

FOSSA Status

About

:star: Rating component in Semantic-UI made with VueJS (< 1kB, blazing fast)

https://bit.ly/v-rating

License:MIT License


Languages

Language:JavaScript 60.2%Language:Vue 39.4%Language:Shell 0.4%