@api-components/api-property-form-item



<api-property-form-item>

An input to use with forms to render inputs based in ARC view-model

``html

`

Deprecation notice

This element is moved to api-forms repository and @api-components/api-forms package. This element will be deprecated and archived once the migration finish.

Usage

$3

`sh
npm install --save @api-components/api-property-form-item
`

$3

`html









`

$3

`js
import { LitElement, html } from 'lit-element';
import '@api-components/api-property-form-item/api-property-form-item.js';

class SampleElement extends PolymerElement {
render() {
return html
name="numericModel"
value="1"
.model="${this.inputModel}"
@changed="${this._handleHande}">
;
}

_handleHande(e) {
this.inputValue = e.target.value;
}
}
customElements.define('sample-element', SampleElement);
`

$3

The element provides 3 basic styling options:

- Filled - Material design filled style, default style
- Outlined - Material design outlined style, use outlined property
- Legacy - Anypoint style, use legacy property

`html


`

Running the demo locally

`sh
npm start
`

Running the tests

`sh
npm test
``

API components

This components is a part of API components ecosystem