https://github.com/al3xdiaz/form-with-state
this is a project for manage the react js state in a form, (width override methods)
https://github.com/al3xdiaz/form-with-state
react-state reactjs typescript-library
Last synced: 21 days ago
JSON representation
this is a project for manage the react js state in a form, (width override methods)
- Host: GitHub
- URL: https://github.com/al3xdiaz/form-with-state
- Owner: Al3xDiaz
- License: mit
- Created: 2022-08-12T03:46:16.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T03:50:01.000Z (10 months ago)
- Last Synced: 2024-06-21T21:54:13.054Z (10 months ago)
- Topics: react-state, reactjs, typescript-library
- Language: TypeScript
- Homepage:
- Size: 276 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Form lite
## usage
```ts
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 (
console.log(data)}>
)
}
/*
Display
| firstName | lastName |
| Submit |
*/
/*
console log:
{
"firstName" : "",
"lastName" : ""
}
*/
```