formulizer v0.1.2
About The Project
import { Form, Input, Select } from "formulizer";
function MyForm(props) {
const onSubmit = React.useCallback((values) => {
alert(`
Hello ${values.name},
This form was made using formulizer.
Your favourite Teletubbie is ${values.teletubby}
`);
});
return <Form onSubmit={onSubmit}>
<label>Name: </label> <Input type="text" name="name" /><br />
<label>Favourite teletubbie: </label> <Select name="teletubby">
<option>Tinky Winky</option>
<option>Dipsy</option>
<option>Laa-Laa</Option>
<option>Po</option>
</Select>
</Form>;
}Try it out!
Formulizer is a React library which simplifies the process of form building.
Getting Started
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
Prerequisites
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm@latest -g
Installation
- Get a free API Key at https://example.com
- Clone the repo
git clone https://github.com/your_username_/Project-Name.git - Install NPM packages
npm install - Enter your API in
config.jsconst API_KEY = 'ENTER YOUR API';
Usage
Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.
For more examples, please refer to the Documentation
Roadmap
See the open issues for a list of proposed features (and known issues).
Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Your Name - @your_twitter - email@example.com
Project Link: https://github.com/your_username/repo_name