summaryrefslogtreecommitdiff
path: root/iridescence/src/components/checkout
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-12-10 08:26:38 -0500
committerAdam T. Carpenter <atc@53hor.net>2020-12-10 08:26:38 -0500
commitb34e03909d0c1c459414568028012d1a02ae23e4 (patch)
treeea58c939a0944d2ea139561fbc1bdbedf9a4e37a /iridescence/src/components/checkout
parentda43cd8d3be0e2d53d27d7cc924eb445a482abf3 (diff)
downloadtheglassyladies-b34e03909d0c1c459414568028012d1a02ae23e4.tar.xz
theglassyladies-b34e03909d0c1c459414568028012d1a02ae23e4.zip
started checkout form
Diffstat (limited to 'iridescence/src/components/checkout')
-rw-r--r--iridescence/src/components/checkout/CheckoutForm.vue55
1 files changed, 55 insertions, 0 deletions
diff --git a/iridescence/src/components/checkout/CheckoutForm.vue b/iridescence/src/components/checkout/CheckoutForm.vue
new file mode 100644
index 0000000..a2ddfad
--- /dev/null
+++ b/iridescence/src/components/checkout/CheckoutForm.vue
@@ -0,0 +1,55 @@
+<template>
+ <div class="container">
+ <section class="section">
+ <h1 class="title">Customer Info</h1>
+ <hr />
+
+ <div class="field is-horizontal">
+ <div class="field-label">
+ <label class="label">Name</label>
+ </div>
+ <div class="field-body">
+ <div class="field">
+ <p class="control is-expanded ">
+ <input class="input" type="text" placeholder="given name" />
+ </p>
+ </div>
+ <div class="field">
+ <p class="control is-expanded">
+ <input class="input" type="text" placeholder="surname" />
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <div class="field is-horizontal">
+ <div class="field-label">
+ <label class="label">E-mail Address</label>
+ </div>
+ <div class="field-body">
+ <div class="field">
+ <p class="control is-expanded">
+ <input class="input" type="email" placeholder="email address" />
+ </p>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section class="section">
+ <h1 class="title">Payment</h1>
+ <hr />
+ </section>
+ <section class="section">
+ <h1 class="title">Delivery</h1>
+ <hr />
+ </section>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "CheckoutForm",
+ computed: {},
+ methods: {}
+};
+</script>