Load SCSS globally in a index.scss
file and import it in your main.ts
/main.js
file in your app:
@forward "@db-ux/core-components/build/styles/rollup";
Use component:
<script>
import { DBInput } from "@db-ux/v-core-components";
</script>
<template>
<DBInput
label="Label"
placeholder="Placeholder"
@change="onChange($event)"
></DBInput>
</template>
To get DBInput work with v-model
you have to use v-model argument syntax:
<DBInput
label="Textlabel"
placeholder="Start typing"
v-model:value="value"
></DBInput>
or using on-change listener:
<DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
}"/> {{ modelAndChange }}