-
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
- Vue.js 2.x
- Semantic-UI 2.x
✅ Install 👌
npm install v-rating// oryarn add v-rating
CDN: UNPKG | jsDelivr (available as window.VRating
)
✅ Usage 🎓
Register the component globally:
Vue;
Or use locally
;
✅ Example 1 🍀
Vue;
✅ 📖 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. |