Input

Use this input element to get info from the user in Signup and Login forms. Fields included include username, email and password You can customize the field by passing custom icon or change placeholder text

Usage

1. As a username input element

// 
<script>
import { Input } from '@magnito2/crypttops-library/formelements';

export default {
    components: {
        Input
    },
    data(){
        return {
            username: "",
        }
    }
}
</script>
<template>
    <div>
        <Input
            placeholder="Your Prefered Username"
            type="text"
            v-model="username"
        >
    </div>
</template>

Preview

2. As an email input element

// 
<script>

<template>
    <div>
        <Input
            placeholder="Your Prefered Email"
            type="email"
            v-model="email"
        >
    </div>
</template>

Preview

3. As a password input element

// 
<script>

<template>
    <div>
        <Input
            placeholder="Your Prefered Password"
            type="password"
            v-model="password"
        >
    </div>
</template>

Preview