16.05 Register - Add EmailPassword Fields & Button

This commit is contained in:
Fredrick W. Warren 2021-02-12 13:20:31 -08:00
parent 1454cfa3e8
commit 9bb3248291

View File

@ -1,15 +1,52 @@
<template> <template>
<q-banner class="bg-grey-3"> <q-form>
<template v-slot:avatar> <div class="row q-mb-md">
<q-icon name="account_circle" color="primary" /> <q-banner class="bg-grey-3 col">
</template> <template v-slot:avatar>
Register to access your Todos anywhere <q-icon name="account_circle" color="primary" />
</q-banner> </template>
Register to access your Todos anywhere
</q-banner>
</div>
<div class="row q-mb-md">
<q-input
v-model="formData.email"
outlined
class="col"
label="Email"
stack-label
/>
</div>
<div class="row q-mb-md">
<q-input
v-model="formData.password"
type="password"
outlined
class="col"
label="Password"
stack-label
/>
</div>
<div class="row q-mb-md">
<q-space />
<q-btn
color="primary"
label="Register"
/>
</div>
</q-form>
</template> </template>
<script> <script>
export default { export default {
data () {
return {
formData: {
email: '',
password: ''
}
}
}
} }
</script> </script>