2.0.0 • Published 1 year ago

@inotom/vue-rating-star v2.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

vue-rating-star

Rating star icon, Vue.js component.

From v2.0.0, it works for Vue 3.

Demo

Demo

Install

Browser

<script src="vue.global.prod.js"></script>
<script src="vue-rating-star.umd.js"></script>

npm

npm install --save @inotom/vue-rating-star

Usage

Browser

<div id="app">
  <rating-star></rating-star>
</div>

<script src="vue.global.prod.js"></script>
<script src="vue-rating-star.umd.js"></script>
<script>
const { createApp } = Vue;
const { RatingStar } = SwsVueRatingStar;

createApp({
  components: {
    RatingStar,
  },
}).mount('#app');
</script>

SFC (TypeScript)

<template>
  <rating-star></rating-star>
</template>

<script setup lang="ts">
import RatingStar from '@inotom/vue-rating-star';
</script>

Props

nametypedefaultsdescription
:max-valueNumber5Number of stars
:initial-valueNumber0Initial rating number
:star-sizeNumber30Star icon width/height
colorStringffcc00Star icon color
bg-colorStringccccccStar icon background-color
stroke-colorString000000Star icon stroke color
:has-strokeBooleanfalseEnable star icon stroke
:is-readonlyBooleanfalseDisable rating status changing

License

MIT

Author

inotom

2.0.0

1 year ago

2.0.0-beta.1

1 year ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago