vue-mzc-counter
v1.0.2
Published
Simple Vue2 counter component
Downloads
4
Readme
vue-mzc-counter
Simple Vue2 counter component
Installation
npm install vue-mzc-counter --save
Usage
import VueMzcCounter from "vue-mzc-counter";
export default {
components: {
VueMzcCounter,
},
methods: {
changeCounter(count) {
console.log(count);
}
},
};
<vue-mzc-counter :value="2" :max="12" unit="шт" @change="changeCounter" />
Customize
.vue-mzc-counter {
--vue-mzc-counter-width: 120px;
--vue-mzc-counter-height: 32px;
--vue-mzc-counter-text-size: 14px;
--vue-mzc-counter-unit-size: 12px;
--vue-mzc-counter-text-color: #242424;
--vue-mzc-counter-border-color: #cccccc;
--vue-mzc-counter-disabled-color: #aaaaaa;
--vue-mzc-counter-background-color: #ffffff;
--vue-mzc-counter-primary-color: #306EC4;
--vue-mzc-counter-glow-color: rgba(48, 110, 196, 0.15);
--vue-mzc-counter-border-width: 1px;
--vue-mzc-counter-border-radius: 4px;
}