0.1.71 • Published 1 month ago
form-with-state v0.1.71
Form lite
usage
import React from "react"
import Form from "form-with-state"
import styled from "styled-components"
const Container = styled.div`
& form{
display: grid;
grid-gap: 1rem;
/* for use grid template areas use "name" property of form item */
grid-template-areas:
"firstName LastName"
"submit submit";
}
`
export const App = ()=>{
return (
<Container>
<Form onSubmit={(data,formData)=>console.log(data)}>
<Form.TextField label='First Name' required name='firstName' />
<Form.TextField label='Last Name' required name='lastName' />
<Form.Submit name='submit' label='login' />
</Form>
</Container>
)
}
/*
Display
| firstName | lastName |
| Submit |
*/
/*
console log:
{
"firstName" : "",
"lastName" : ""
}
*/
0.1.71
1 month ago
0.1.70
1 month ago
0.1.68
1 month ago
0.1.69
1 month ago
0.1.63
1 month ago
0.1.64
1 month ago
0.1.65
1 month ago
0.1.66
1 month ago
0.1.62
1 month ago
0.1.56
2 months ago
0.1.58
2 months ago
0.1.59
2 months ago
0.1.60
2 months ago
0.1.61
2 months ago
0.1.52
2 months ago
0.1.53
2 months ago
0.1.55
2 months ago
0.1.50
2 months ago
0.1.51
2 months ago
0.1.49
2 months ago
0.1.43
2 months ago
0.1.44
2 months ago
0.1.45
2 months ago
0.1.47
2 months ago
0.1.48
2 months ago
0.0.1
2 months ago
0.4.4
4 months ago
0.4.0
4 months ago
0.3.10
6 months ago
0.3.9
6 months ago
0.3.7
6 months ago
0.3.6
6 months ago
0.3.5
6 months ago
0.3.4
6 months ago
0.3.3
6 months ago
0.3.2
6 months ago
0.3.1
6 months ago
0.2.20
6 months ago
0.2.19
6 months ago
0.2.18
6 months ago
0.2.15
6 months ago
0.2.14
6 months ago
0.2.13
6 months ago
0.2.12
6 months ago
0.2.11
6 months ago
0.2.10
6 months ago
0.2.9
6 months ago
0.2.8
6 months ago
0.2.7
6 months ago
0.2.6
6 months ago
0.2.5
6 months ago
1.0.0
6 months ago