informed - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

package.json

 {
   "name": "informed",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A lightweight framework and utility for building powerful forms in React applications",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -1,2 +0,2 @@
-# Informed 
+# Informed
 
@@ -9,3 +9,3 @@ ## By the creators of react-form
 
-Say hello to the best react form library you have ever used! Inform is an extensive, simple, and efficient solution for creating basic to complex forms in react. Out of the box you get the ability to grab and manipulate values, validate fields, and create custom inputs.
+Say hello to the best react form library you have ever used! Informed is an extensive, simple, and efficient solution for creating basic to complex forms in react. Out of the box you get the ability to grab and manipulate values, validate fields, and create custom inputs.
 
@@ -19,8 +19,10 @@ ## Getting Started
 
----
+#### Create a Simple Form
 
 ```jsx
-<Form id="intro-form">
-  <label htmlFor="intro-name">First name:</label>
-  <Text field="name" id="intro-name" />
+import { Form, Text } from 'informed';
+
+<Form id="simple-form">
+  <label htmlFor="name-field">First name:</label>
+  <Text field="name" id="name-field" />
   <button type="submit">
@@ -31,1 +33,27 @@ Submit
 ```
+
+#### Create a Complex Form
+
+```jsx
+import { Form, Text, Scope } from 'informed';
+
+<Form id="complex-form">
+  <label htmlFor="complex-name">First name:</label>
+  <Text field="name" id="complex-name" />
+  <Scope scope="favorite">
+    <label htmlFor="complex-color">Favorite color:</label>
+    <Text field="color" id="complex-color" />
+    <label htmlFor="complex-food">Favorite food:</label>
+    <Text field="food" id="complex-food" />
+  </Scope>
+  <label htmlFor="complex-friend-0">Friend 1:</label>
+  <Text field="friends[0]" id="complex-friend-0"/>
+  <label htmlFor="complex-friend-1">Friend 2:</label>
+  <Text field="friends[1]" id="complex-friend-1"/>
+  <label htmlFor="complex-friend-2">Friend 3:</label>
+  <Text field="friends[2]" id="complex-friend-2"/>
+  <button type="submit">
+    Submit
+  </button>
+</Form>
+```

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35179

2.58%

Number of lines in readme file

57

96.55%

Number of medium supply chain risk alerts

1

-50%

No dependency changes