Security News
How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
vue-cute-rate
Advanced tools
Readme
Rate with star, heart, emoji or anything you like.
See the beautiful doc for vue-cute-rate. Powered by kokk 🍹
yarn add vue-cute-rate --save
CDN: UNPKG | jsDelivr (available as window.rate
)
See the doc for live demo and details.
Property | Description | type | Default |
---|---|---|---|
count | star count | number | 5 |
value / v-model | current value | number | 0 |
star-half | whether to allow semi selection | boolean | false |
disabled | read only, unable to interact | boolean | false |
disabled-cursor | set mouse cursor to not-allowed when hover a read only element | boolean | false |
allow-clear | whether to allow clear when click again | boolean | true |
font-size | set the font size of character | string | 22px |
type | there are 3 cute types of iconfont by default, star star1 and heart | string | star |
hover-change | support set hover-change to change value when hover | boolean | false |
active-color | color of the active values | string | #fadb14 |
inactive-color | color of the inactive values | string | #e9e9e9 |
hover-color | color when hover a value | string | same as activeColor by default |
inactive-char | the inactive character, only rendered when use a customChar slot | string | - (hyphen) |
on-hover-change | callback when hover item | Function(value: number) | - |
on-change | callback when select value | Function(value: number) | - |
Use the slot when replace the default star to other character like alphabet, digit, iconfont or anything which can be controled by color.
The slot name is rateChar
, and make sure to write slot-scope="props" :class="props.computeClass"
as well. We need Scoped Slots and compute classnames by props.
Use the slot when replace the default star to other character like image, Unicode, or anything which cannot be controled by color. At the same time, you may want to set the inactive character.
The slot name is customChar
, and make sure to write slot-scope="props" :class="props.computeClass"
as well. We need Scoped Slots and compute classnames by props.
MIT © luyilin
minemine.cc · GitHub @luyilin · Twitter @luyilin12
FAQs
Simple to use and very cute rate component for Vue.js
The npm package vue-cute-rate receives a total of 292 weekly downloads. As such, vue-cute-rate popularity was classified as not popular.
We found that vue-cute-rate demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.