advplyr.audiobookshelf-app/components/ui/TextInput.vue
2021-09-01 20:07:11 -05:00

29 lines
No EOL
587 B
Vue

<template>
<input v-model="input" :type="type" :disabled="disabled" :placeholder="placeholder" class="px-2 py-1 bg-bg border border-gray-600 outline-none rounded-sm" :class="disabled ? 'text-gray-300' : 'text-white'" />
</template>
<script>
export default {
props: {
value: [String, Number],
placeholder: String,
type: String,
disabled: Boolean
},
data() {
return {}
},
computed: {
input: {
get() {
return this.value
},
set(val) {
this.$emit('input', val)
}
}
},
methods: {},
mounted() {}
}
</script>