Comparing version 1.0.2 to 1.0.3
{ | ||
"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", |
@@ -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> | ||
``` |
Major refactor
Supply chain riskPackage 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
35179
57
1