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>