a vue component that utilise the Input.vue component

Form.vue

<template>
    <div>
        <v-container grid-list-md text-xs-center>
            <v-layout row wrap="">
                <v-flex v-for="i in 2" :key="`6${i}`">
                    <sd-textfields class="px-0" title IconAppendOut="place" Hint="This is hint" Counter MaxNumbers=10></sd-textfields>
                    <sd-textfields class="px-0" Type="field-solo" IconAppend="place" Hint="This is hint" Counter></sd-textfields>
                    <sd-textfields class="px-0" Type="field-outline" IconPrepend="place" Hint="This is hint"></sd-textfields>
                    <sd-textfields class="px-0" Type="field-box" IconPrependIn="place" Hint="This is hint"></sd-textfields>
                    <v-btn @click="submit">asdasda</v-btn>
                </v-flex>
            </v-layout>
        </v-container>
    </div>
</template>

<script>
import Input from '../components/Input'
export default {
    components:{
        'sd-textfields': Input
    },
    methods:{
        submit(){
            alert(this.title);
        }
    }
}
</script>

<style scoped>
</style>