From ca0c4ae6f624e175cc24f6152cbe5202bd963506 Mon Sep 17 00:00:00 2001
From: RWOverdijk <r.w.overdijk@gmail.com>
Date: Mon, 13 Feb 2017 12:58:21 +0100
Subject: [PATCH] feat(component): add form-button

---
 src/component/form-button.js                  | 16 ++++++++++++++++
 src/component/view/bootstrap/form-button.html |  9 +++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 src/component/form-button.js
 create mode 100644 src/component/view/bootstrap/form-button.html

diff --git a/src/component/form-button.js b/src/component/form-button.js
new file mode 100644
index 0000000..c9f8b2e
--- /dev/null
+++ b/src/component/form-button.js
@@ -0,0 +1,16 @@
+import {bindable, customElement} from 'aurelia-framework';
+import {resolvedView} from 'aurelia-view-manager';
+
+@resolvedView('spoonx/form', 'form-button')
+@customElement('form-button')
+export class FormButton {
+  @bindable label = null;
+
+  @bindable type = 'submit';
+
+  @bindable classes = '';
+
+  @bindable disabled = false;
+
+  @bindable options = {};
+}
diff --git a/src/component/view/bootstrap/form-button.html b/src/component/view/bootstrap/form-button.html
new file mode 100644
index 0000000..45dad21
--- /dev/null
+++ b/src/component/view/bootstrap/form-button.html
@@ -0,0 +1,9 @@
+<template>
+  <button
+    class="btn ${classes}"
+    prefixed="options.bind: options; prefix: btn-"
+    type.bind="type"
+    disabled.bind="disabled"
+    t.bind="label"
+  >${label}</button>
+</template>