<div align="center">
	<img width=125 height=125 src="assets/common/logo.png">
  <h1>
		JSON Schema Components
	</h1>
  <p>A utility to build pluggable components based on JSON schema!</p>
</div>

<hr />

## 🎊 Status

[![MIT license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)
[![npm version](https://img.shields.io/npm/v/@bluebase/plugin-json-schema-components.svg?style=flat)](https://npmjs.org/package/@bluebase/plugin-json-schema-components "View this project on npm")
[![Build Status](https://travis-ci.com/BlueBaseJS/plugin-json-schema-components.svg?branch=master)](https://travis-ci.com/BlueBaseJS/plugin-json-schema-components)
[![codecov](https://codecov.io/gh/BlueBaseJS/plugin-json-schema-components/branch/master/graph/badge.svg)](https://codecov.io/gh/BlueBaseJS/plugin-json-schema-components)
[![Greenkeeper badge](https://badges.greenkeeper.io/BlueBaseJS/plugin-json-schema-components.svg)](https://greenkeeper.io/) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/BlueBaseJS/plugin-json-schema-components/blob/master/CONTRIBUTING.md)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/3c79162871414b6aa7c15d1a423adeca)](https://www.codacy.com/app/BlueBaseJS/plugin-json-schema-components?utm_source=github.com&utm_medium=referral&utm_content=BlueBaseJS/plugin-json-schema-components&utm_campaign=Badge_Grade)
[![Known Vulnerabilities](https://snyk.io/test/github/BlueBaseJS/plugin-json-schema-components/badge.svg)](https://snyk.io/test/github/BlueBaseJS/plugin-json-schema-components)

## 🤝 Compatibility

| 🌏 Web | 🖥 Electron | 📱 React Native |
| :----: | :---------: | :-------------: |
|    ✅   |      ✅      |        ✅        |

## Docs

-   [Storybook](https://bluebasejs.github.io/plugin-json-schema-components/storybook/)
-   [API Docs](https://bluebasejs.github.io/plugin-json-schema-components/)

## Input Fields

This plugin provides following input fields out of the box:

-   [x] checkbox:	(FormCheckboxInput)
-   [ ] color
-   [x] date:	(FormDateInput)
-   [x] email: (FormEmailInput)
-   [ ] file
-   [x] number: (FormNumberInput)
-   [x] password: (FormPasswordInput)
-   [x] picker:	(FormPickerInput)
-   [x] radio-group:	(FormRadioGroupInput)
-   [x] range:	(FormRangeInput)
-   [x] reset: (FormResetButton)
-   [x] search:	(FormSearchInput)
-   [x] submit: (FormSubmitButton)
-   [x] tel:	(FormTelInput)
-   [x] text: (FormTextInput)
-   [x] time:	(FormTimeInput)
-   [x] url: (FormUrlInput)
