tech(basic): add ui component directory

Author: ramsunvtech

recipes/basic/snippets/sources/components/ui/Fields/InputTextField/InputTextField.js

@@ -0,0 +1,27 @@
+import React from 'react'
+
+export default function InputTextField({
+  name,
+  initialValue = '',
+  value,
+  placeholder,
+  handleChange,
+  onBlur,
+}) {
+  const onChange = (event) => {
+    handleChange(event)
+  }
+
+  return (
+    <div>
+      <input
+        name={name}
+        type="text"
+        placeholder={placeholder}
+        value={value || initialValue}
+        onChange={onChange}
+        onBlur={onBlur}
+      />
+    </div>
+  )
+}

recipes/basic/snippets/sources/components/ui/Fields/InputTextField/index.js

@@ -0,0 +1 @@
+export { default } from './InputTextField'

recipes/basic/snippets/sources/components/ui/Fields/index.js

@@ -0,0 +1 @@
+export { default as InputTextField } from './InputTextField'

recipes/basic/snippets/sources/components/ui/Loader/BlockLoader/BlockLoader.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+const BlockLoader = ({ props }) => {
+  return <>Loader goes here...</>
+}
+
+export default BlockLoader

recipes/basic/snippets/sources/components/ui/Loader/BlockLoader/index.js

@@ -0,0 +1 @@
+export { default } from './BlockLoader'

recipes/basic/snippets/sources/components/ui/Loader/Spinner/Spinner.js

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default function Spinner(props) {
+  return <div>Spinner goes here...</div>
+}

recipes/basic/snippets/sources/components/ui/Loader/Spinner/index.js

@@ -0,0 +1 @@
+export { default } from './Spinner'

recipes/basic/snippets/sources/components/ui/Loader/index.js

@@ -0,0 +1,2 @@
+export { default as Spinner } from './Spinner'
+export { default as BlockLoader } from './BlockLoader'

recipes/basic/snippets/sources/components/ui/index.js

@@ -0,0 +1,2 @@
+export { Spinner, BlockLoader } from './Loader'
+export { InputTextField } from './Fields'