# 📋 @folo/forms

> React components combined of @folo/layout & @folo/values

<!-- prettier-ignore-start -->
[![NPM Version](https://img.shields.io/npm/v/@folo/forms.svg)](https://www.npmjs.com/package/@folo/forms)
[![NPM Download](https://img.shields.io/npm/dt/@folo/forms.svg)](https://www.npmjs.com/package/@folo/forms)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/react.svg)](https://www.npmjs.com/package/@folo/forms)
[![npm bundle size (gzip)](https://img.shields.io/bundlephobia/minzip/react.svg)](https://www.npmjs.com/package/@folo/forms)
[![MIT License](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/jalal246/folo/blob/master/packages/folo-forms/LICENSE)
[![CI](https://img.shields.io/github/workflow/status/jalal246/folo/CI)](https://github.com/jalal246/folo/tree/master)
[![Codecov](https://img.shields.io/codecov/c/github/jalal246/folo.svg)](https://codecov.io/gh/jalal246/folo)
<!-- prettier-ignore-end -->

## Installation

```sh
npm install @folo/forms
```

## Overview

`@folo/forms` has two major concepts defined in
[Field](https://github.com/jalal246/folo/tree/master/packages/folo-values)
to deal with data. And
[Grid](https://github.com/jalal246/folo/tree/master/packages/folo-layout) for
designing layout.

### Components

```js
import { Form, Field, Grid, GridItem } from "@folo/forms";
```

## Contribution 😇

If you have ideas or issues don't hesitate. You are always welcome.

## License

This project is licensed under the [MIT License](https://github.com/jalal246/folo/blob/master/packages/folo-forms/LICENSE)