Adding check-box component (#11550)

* Adding selectable-row component

* Adding example usage to testbed

* Using shorthand property name

* No need for transclusion

* Renaming selectable-row to check-box

* Resetting testbed code

src/ui/public/check_box/check_box.html

@@ -0,0 +1,6 @@
+<input
+  type="checkbox"
+  class="kuiCheckBox"
+  ng-click="checkBox.onSelectChange(checkBox.id, checkBox.isSelected)"
+  ng-model="checkBox.isSelected"
+>

src/ui/public/check_box/check_box.js

@@ -0,0 +1,21 @@
+import { uiModules } from 'ui/modules';
+import template from './check_box.html';
+
+const app = uiModules.get('kibana');
+
+app.directive('checkBox', function () {
+  return {
+    restrict: 'E',
+    replace: true,
+    template,
+    scope: {
+      id: '=',
+      isSelected: '=',
+      onSelectChange: '=',
+    },
+    controllerAs: 'checkBox',
+    bindToController: true,
+    controller: class CheckBoxController {
+    }
+  };
+});

src/ui/public/check_box/index.js

@@ -0,0 +1 @@
+import './check_box';