Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including vue-like-dislike-buttons with all npm packages installed. Try it out:

var vueLikeDislikeButtons = require("vue-like-dislike-buttons")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

vue-like-dislike-buttons v0.2.4


Npm version


npm install vue-like-dislike-buttons


yarn add vue-like-dislike-buttons


<vue-like-dislike-buttons :likes="876547" :dislikes="4567" likeChecked />
import VueLikeDislikeButtons from 'vue-like-dislike-buttons'

export default {
  components: {

And styles:

import "vue-like-dislike-buttons/src/assets/scss/main.scss"

SCSS variables:

$color-unchecked: #a7a7a7 !default;
$color-hover: darken($color-unchecked, 15%) !default;
$checked-color: darken($color-unchecked, 25%) !default;
@import "~vue-like-dislike-buttons/src/assets/scss/main.scss"




  • dislike-btn-title String (optional) default: 'I don't like it'

  • dislike-checked Boolean (optional) default: false

  • dislikes Number (optional)

  • is-disabled Boolean (optional) default: false

  • like-btn-title String (optional) default: 'I like it'

  • like-checked Boolean (optional) default: false

  • likes Number (optional)

  • millions-abbreviation String (optional) default: 'M'

  • only-like Boolean (optional) default: false

  • thousands-abbreviation String (optional) default: 'K'


  • computeNumber(value)

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your tests

yarn test

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

Update the API section of with generated documentation

yarn doc:build

Run style guide dev server

yarn styleguide

Generate a static HTML style guide

yarn styleguide:build

Update project version

yarn version
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free