From 5db60dd09bf719f54498da2b987479941b3fb262 Mon Sep 17 00:00:00 2001
From: John Cleaver <cleaver.john.k@gmail.com>
Date: Mon, 30 Apr 2018 22:44:59 -0400
Subject: [PATCH] Add a button checkbox component

---
 src/components/ButtonCheckbox.vue | 36 +++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/components/ButtonCheckbox.vue

diff --git a/src/components/ButtonCheckbox.vue b/src/components/ButtonCheckbox.vue
new file mode 100644
index 0000000..942c627
--- /dev/null
+++ b/src/components/ButtonCheckbox.vue
@@ -0,0 +1,36 @@
+<template>
+  <button class="button is-rounded"
+    :class="checked ? checked_class : unchecked_class"
+    v-on:click="click"
+    >
+      <slot></slot>
+  </button>
+</template>
+
+<script>
+export default {
+  name: 'button-checkbox',
+  props: {
+    checked_class: {
+      default: 'is-info'
+    },
+    unchecked_class: {
+      default: ''
+    }
+  },
+  data () {
+    return {
+      checked: true
+    }
+  },
+  methods: {
+    click () {
+      this.checked = !this.checked
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>