<h1 align="center">Form-Field Component</h1>

<p align="center"><img height="250" src="https://demo.pitaya-framework.com/media/readme/logo-form-field.svg"></p>

<p align="center">
<a href="https://npmcharts.com/compare/@pitaya-components/form-field?minimal=true"><img alt="npm" src="https://img.shields.io/npm/dw/@pitaya-components/form-field"></a>
<a href="https://www.npmjs.com/package/@pitaya-components/form-field"><img alt="npm" src="https://img.shields.io/npm/v/@pitaya-components/form-field"></a>
<a href="https://www.npmjs.com/package/@pitaya-components/form-field"><img alt="NPM" src="https://img.shields.io/npm/l/@pitaya-components/form-field"></a>
</p>
<!-- https://shields.io -->

## Description <a name="description"></a>
Form-field element used to wrap any combination of adjacent input and label elements of Web form controls, such as Checkbox or Radio.

[Pitaya-framework](https://github.com/pitaya-foundation/pitaya-framework) template component.

_This documentation assumes you are at least slightly familiar with [aurelia](https://aurelia.io/) and its usage. If not, we highly suggest you take a look at its [Quick Start](https://aurelia.io/docs/tutorials/creating-a-todo-app) section first to get a better understanding of the approaches that are presented it here._

## Screenshot
![Screenshot](https://demo.pitaya-framework.com/media/readme/screenshot-form-field.png "Screenshot")


## [Demo](https://demo.pitaya-framework.com/#/form-field?component=only)