@mgcodeur/vue-number-input
Version:
A customizable Vue 3 number input component with increment/decrement buttons and long-press adjustment.
2 lines (1 loc) • 951 B
CSS
.v-number-input{--v-number-input-border-color: #c7c7c7;--v-number-input-primary: #4394e5;display:flex}.v-number-input .v-number-input__input,.v-number-input .v-number-input__button{outline:unset;border:unset;background:unset}.v-number-input .v-number-input__input{padding:0 1rem}.v-number-input .v-number-input__input::-webkit-outer-spin-button,.v-number-input .v-number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.v-number-input .v-number-input__input[type=number]{-moz-appearance:textfield}.v-number-input .v-number-input__button{cursor:pointer}.v-number-input{gap:.25rem}.v-number-input .v-number-input__input,.v-number-input .v-number-input__button{border:1px solid var(--v-number-input-border-color);border-radius:.375rem}.v-number-input .v-number-input__input:hover,.v-number-input .v-number-input__button:hover{border-color:var(--v-number-input-primary)}.v-number-input .v-number-input__button{padding:.5rem 1rem}