JarCasting
JarCasting JarCasting

api-property-form-item

WebJar for api-property-form-item

License

License
Categories

Categories

CLI User Interface ORM Data
GroupId

GroupId

org.webjars.bowergithub.advanced-rest-client
ArtifactId

ArtifactId

api-property-form-item
Last Version

Last Version

2.0.6
Release Date

Release Date
Type

Type

jar
Description

Description

api-property-form-item
WebJar for api-property-form-item
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/advanced-rest-client/api-property-form-item

Download api-property-form-item

Filename Size
api-property-form-item-2.0.6.pom
api-property-form-item-2.0.6.jar 37 KB
api-property-form-item-2.0.6-sources.jar 22 bytes
api-property-form-item-2.0.6-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.advanced-rest-client/api-property-form-item/ -->
<dependency>
    <groupId>org.webjars.bowergithub.advanced-rest-client</groupId>
    <artifactId>api-property-form-item</artifactId>
    <version>2.0.6</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.advanced-rest-client/api-property-form-item/
implementation 'org.webjars.bowergithub.advanced-rest-client:api-property-form-item:2.0.6'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.advanced-rest-client/api-property-form-item/
implementation ("org.webjars.bowergithub.advanced-rest-client:api-property-form-item:2.0.6")
'org.webjars.bowergithub.advanced-rest-client:api-property-form-item:jar:2.0.6'
<dependency org="org.webjars.bowergithub.advanced-rest-client" name="api-property-form-item" rev="2.0.6">
  <artifact name="api-property-form-item" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.advanced-rest-client', module='api-property-form-item', version='2.0.6')
)
libraryDependencies += "org.webjars.bowergithub.advanced-rest-client" % "api-property-form-item" % "2.0.6"
[org.webjars.bowergithub.advanced-rest-client/api-property-form-item "2.0.6"]

Dependencies

compile (12)

Group / Artifact Type Version
org.webjars.bowergithub.polymerelements : paper-dropdown-menu jar [2.0.3,3)
org.webjars.bowergithub.polymerelements : paper-listbox jar [2.0.0,3)
org.webjars.bowergithub.polymer : polymer jar [2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-item jar [2.1.0,3)
org.webjars.bowergithub.polymerelements : paper-checkbox jar [2.0.0,3)
org.webjars.bowergithub.polymerelements : iron-icon jar [2.1.0,3)
org.webjars.bowergithub.polymerelements : iron-validatable-behavior jar [2.1.0,3)
org.webjars.bowergithub.polymerelements : paper-icon-button jar [2.1.0,3)
org.webjars.bowergithub.polymerelements : iron-flex-layout jar [2.0.3,3)
org.webjars.bowergithub.polymerelements : paper-button jar [2.0.0,3)
org.webjars.bowergithub.advanced-rest-client : arc-icons jar [2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-input jar [2.1.1,3)

Project Modules

There are no modules declared in this project.

Published on NPM

Build Status

<api-property-form-item>

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

<api-property-form-item model='{"schema":{"inputLabel": "Enter number value", "inputType": "number", "minimum": 1, "maximum": 100}}' name="numericModel" value="1"></api-property-form-item>

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

Installation

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

In an html file

<html>
  <head>
    <script type="module">
      import '@api-components/api-property-form-item/api-property-form-item.js';
    </script>
  </head>
  <body>
    <api-property-form-item name="numericModel" value="1"></api-property-form-item>
    <script>
    {
      document.querySelector('api-property-form-item').model = {
        schema: {
          inputLabel: 'Enter number value',
          inputType: 'number',
          minimum: 1,
          maximum: 100
        }
      };
    }
    </script>
  </body>
</html>

In a LitElement

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`
    <api-property-form-item
      name="numericModel"
      value="1"
      .model="${this.inputModel}"
      @changed="${this._handleHande}"></api-property-form-item>
    `;
  }

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

Base styles

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
<api-property-form-item outlined></api-property-form-item>
<api-property-form-item legacy></api-property-form-item>

Running the demo locally

npm start

Running the tests

npm test

API components

This components is a part of API components ecosystem

org.webjars.bowergithub.advanced-rest-client

ARC

A set of repositories related to the Advanced REST Client and API console (by Mulesoft)

Versions

Version
2.0.6