Rating component in Semantic-UI made with VueJS

Rating component in Semantic-UI made with VueJS

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 🍻

V-Rating

  • 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

NPM

Download Details:

Author: vinayakkulkarni

Live Demo: https://codesandbox.io/s/qklrp5nwn4?fontsize=14

GitHub: https://github.com/vinayakkulkarni/v-rating

vuejs javascript vue vue-js

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.

A Vue.js wrapper component for Grid.js

A Vue wrapper component for Grid.js. Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks.

Vue.js image clipping Components using Vue-Rx

vuejs-clipper .Vue.js image clipping components using Vue-Rx. Add image clipping components to your Vue application in nothing flat. Touch devices supported and fully responsive.

Vue.js JWT Authentication with Vuex and Vue Router

Build a Vue.js JWT Authentication application using Vuex, Vue Router, VeeValidate - JWT authentication with Vue, Vuex, Vue Router that supports VeeValidate

Vue.js JWT Authentication with Vuex and Vue Router

Vue Vuex JWT Auth .Vue.js JWT Authentication with Vuex and Vue Router