. (#24)

packages/kbs-core/src/components/CheckInput.tsx

@@ -0,0 +1,21 @@
+export default function FormCheckInput(props: any) {
+  return (
+    <div>
+      <div className="input-group mb-3">
+        <div className="input-group-text">
+          <input
+            className="form-check-input mt-0"
+            type={props.typeInput}
+            value={props.value}
+            aria-label={props.ariaLabel}
+          />
+        </div>
+        <input
+          type="text"
+          className="form-control"
+          aria-label={props.ariaLabel1}
+        />
+      </div>
+    </div>
+  );
+}

packages/kbs-core/src/components/InputSizing.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+export default function InputGroupsSizing(props) {
+  return (
+    <div>
+      <div className={props.inputClass}>
+        <span className="input-group-text" id={props.id}>
+          {props.label}
+        </span>
+        <input
+          type="text"
+          className="form-control"
+          aria-label="Sizing example input"
+          aria-describedby={props.size}
+        />
+      </div>
+    </div>
+  );
+}

packages/kbs-core/src/components/Inputgroups.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+export default function InputGroups(props) {
+  return (
+    <div>
+      <div className="input-group mb-3">
+        <span className="input-group-text">{props.span}</span>
+        <input
+          type="text"
+          className="form-control"
+          aria-label="Amount (to the nearest dollar)"
+        />
+        <span className="input-group-text">{props.span1}</span>
+      </div>
+    </div>
+  );
+}

packages/kbs-core/src/components/Multipleaddons.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+export default function FormCheckInput(props) {
+  return (
+    <div>
+
+    </div>
+  );
+}

packages/kbs-core/src/index.tsx

@@ -1,2 +1,6 @@
-import * as React from "react";
+
+import FormCheckInput from "./components/Multipleaddons";
+import I
+
+
 export { Button, type ButtonProps } from "./Button";