https://github.com/kettanaito/react-advanced-form-addons
Form prototyping framework for React Advanced Form. Tailor production-ready forms in a matter of minutes. Write the logic, do the styles later.
https://github.com/kettanaito/react-advanced-form-addons
form form-prototyping form-tools prototype prototyping raf raf-addons react react-advanced-form react-advanced-form-addons react-form tools
Last synced: 16 days ago
JSON representation
Form prototyping framework for React Advanced Form. Tailor production-ready forms in a matter of minutes. Write the logic, do the styles later.
- Host: GitHub
- URL: https://github.com/kettanaito/react-advanced-form-addons
- Owner: kettanaito
- License: mit
- Created: 2018-01-23T09:13:29.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-07-01T03:19:57.000Z (almost 6 years ago)
- Last Synced: 2025-05-02T21:25:12.121Z (21 days ago)
- Topics: form, form-prototyping, form-tools, prototype, prototyping, raf, raf-addons, react, react-advanced-form, react-advanced-form-addons, react-form, tools
- Language: JavaScript
- Homepage:
- Size: 764 KB
- Stars: 12
- Watchers: 1
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Advanced Form Addons
A collection of tools dedicated for fast form prototyping using [React Advanced Form](https://github.com/kettanaito/react-advanced-form).
## Components
### Fields
* `Input`
* `Radio`
* `Checkbox`
* `Select`
* `Textarea`
### Other
* `Label`
* `Button`
## Getting started
### Install
#### NPM:
```bash
npm install react-advanced-form-addons --save
```
#### Yarn:
```bash
yarn install react-advanced-form-addons
```
> **Note:** You would need to have [`react-advanced-form`](https://github.com/kettanaito/react-advanced-form) installed as a peer dependency in order to use this package.
### Prototype!
```jsx
import React from 'react';
import { Form } from 'react-advanced-form';
import { Input, Select } from 'react-advanced-form-addons';
export default class Example extends React.Component {
render() {
return (
Administrator
Editor
);
}
}
```
## License
This project is issued under [MIT License](./LICENSE).