diff options
Diffstat (limited to 'components/Buttons/PlainButton.vue')
-rw-r--r-- | components/Buttons/PlainButton.vue | 30 |
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 |