Added wrapping for header if it gets too long

Author: kevinwang5658

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codifycli/ink-form",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Complex user-friendly form component for Codify",
   "main": "lib/index.js",
   "exports": "./lib/index.js",

src/FormHeader.tsx

@@ -41,7 +41,7 @@ export const FormHeader: React.FC<
         </Box>
       </Box>
       <Box width="100%">
-        <Box>
+        <Box flexWrap='wrap'>
           {!props.editingField ? (
             sections.map((section, id) => (
               <Box key={section.title + id}>

src/demo/Test.tsx

@@ -77,6 +77,40 @@ export function Test() {
                 { type: 'string', name: 'gitUrl', label: 'gitUrl' },
               ]
             },
+            {
+              title: "asdf-global2",
+              fields: [
+                { type: 'string', name: 'plugin', label: 'plugin', required: true, description: 'The plugin to install' },
+                { type: 'string', name: 'version', label: 'version', required: true, description: 'The version to install' },
+              ],
+              description: 'Asdf global sets the global version of a asdf installed plugin.'
+            },
+            {
+              title: "asdf-install2",
+              description: 'Asdf install is responsible for installing an asdf resource',
+              fields: [
+                { type: 'string', name: 'directory', label: 'directory', required: true, description: 'The directory to install.' },
+              ]
+            },
+            {
+              title: "asdf-local2",
+              description: 'Asdf global sets the local version of a asdf installed plugin.',
+              fields: [
+                { type: 'string', name: 'plugin', label: 'plugin', required: true },
+                { type: 'string', name: 'version', label: 'version', required: true },
+                { type: 'string', name: 'directory', label: 'directory' },
+                { type: 'array', name: 'directories', label: 'directories' },
+              ]
+            },
+            {
+              title: "asdf-plugin2",
+              // description: 'Asdf plugin installs a plugin.',
+              fields: [
+                { type: 'string', name: 'plugin', label: 'plugin', required: true },
+                { type: 'string', name: 'versions', label: 'version'},
+                { type: 'string', name: 'gitUrl', label: 'gitUrl' },
+              ]
+            },
           ]
         }}
       />