Files
DiceCloud/app/imports/client/ui/components/global/TextField.vue
2023-05-16 13:17:49 +02:00

42 lines
828 B
Vue

<template lang="html">
<v-text-field
ref="input"
v-bind="$attrs"
class="dc-text-field"
:loading="loading"
:error-messages="errors"
:value="safeValue"
:disabled="isDisabled"
:outlined="!regular"
@input="input"
@focus="focused = true"
@blur="focused = false"
@keyup="e => $emit('keyup', e)"
>
<template #append>
<slot name="value" />
</template>
<template #prepend>
<slot name="prepend" />
</template>
</v-text-field>
</template>
<script lang="js">
import SmartInput from '/imports/client/ui/components/global/SmartInputMixin.js';
export default {
mixins: [SmartInput],
props: {
regular: Boolean,
},
};
</script>
<style lang="css">
.dc-text-field .v-input__append-inner{
font-size: 12px;
margin-top: 36px;
}
</style>