about summary refs log tree commit diff
path: root/components/Buttons/PlainButton.vue
diff options
context:
space:
mode:
Diffstat (limited to 'components/Buttons/PlainButton.vue')
-rw-r--r--components/Buttons/PlainButton.vue30
1 files changed, 30 insertions, 0 deletions
diff --git a/components/Buttons/PlainButton.vue b/components/Buttons/PlainButton.vue
new file mode 100644
index 0000000..6e0cde2
--- /dev/null
+++ b/components/Buttons/PlainButton.vue
@@ -0,0 +1,30 @@
+<template>
+  <button class="button" @click="$emit('click')">{{text}}</button>
+</template>
+
+<script>
+export default {
+  name: 'PlainButton',
+  props: {
+    text: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.button {
+  background-color: #507b34;
+  padding: 10px;
+  max-width: 150px;
+  border: none;
+
+  cursor: pointer;
+
+  color: #ffffff;
+  text-align: center;
+  font: 16px 'Roboto Slab';
+}
+</style>
\ No newline at end of file