# element-schema-form

<p align="left">
  <!-- <a href="https://travis-ci.org/vueblocks/element-schema-form"><img src="https://travis-ci.org/vueblocks/element-schema-form.svg?branch=dev"></a> -->
  <a href="https://www.npmjs.com/package/@vueblocks/element-schema-form" target="_blank"><img src="https://img.shields.io/npm/v/@vueblocks/element-schema-form.svg"></a>
  <a href="https://github.com/vueblocks/element-schema-form"><img src="https://img.shields.io/github/stars/vueblocks/element-schema-form.svg"></a>
  <a href="https://github.com/vueblocks/element-schema-form"><img src="https://img.shields.io/github/license/vueblocks/element-schema-form.svg"></a>
</p>

A schema-based element-ui form component for Vue2.x.

## Installation

```bash
npm i @vueblocks/element-schema-form -S
```

## Document

[https://vueblocks.github.io/element-schema-form/](https://vueblocks.github.io/element-schema-form/)

## Online Demo

### 表单验证

[![Edit 表单验证](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/biaodanyanzheng-er1t1?fontsize=14&hidenavigation=1&theme=dark)

### 数字类型验证

[![Edit 数字类型验证](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/shuzileixingyanzheng-eezhn?fontsize=14&hidenavigation=1&theme=dark)

### 动态增减表单项

[![Edit 动态增减表单项](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/dongtaizengjianbiaodanxiang-h0ogx?fontsize=14&hidenavigation=1&theme=dark)

## License

MIT