div
component.relative.w-full.font-400(
:is="labelTag"
v-bind="_labelAttrs"
)
slot(name="addon")
//- need to use :value.prop for dynamic component - https://github.com/vuejs/vue/issues/6919
component.o-input__input(
ref="input"
:is="tag"
:value.prop="value"
:class="_inputClass"
v-bind="_inputAttrs"
v-on="nonInputListeners"
@input="$emit('input', $event.target.value)"
)
slot(name="select-options")
span.inline-block.absolute.top-0.left-0.mt-2.ml-2.o-input__text {{ label }}
slot(name="count", v-if="maxLength < Infinity")
.b-fsformxsmall.text-tertiary5.absolute.inset-x-0.mr-1.mb-1 {{ charCount }} / {{ maxLength }}
span.caption.text-error.mt-1(v-if="!!error && showErrorMessage", v-html="error")