https://github.com/polymerelements/iron-form-element-behavior

Behavior that enables an element to be included in an iron-form
https://github.com/polymerelements/iron-form-element-behavior

Last synced: 10 months ago
JSON representation

Behavior that enables an element to be included in an iron-form

• Host: GitHub
• URL: https://github.com/polymerelements/iron-form-element-behavior
• Owner: PolymerElements
• Created: 2015-05-13T01:00:35.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2023-10-16T14:05:07.000Z (over 2 years ago)
• Last Synced: 2025-08-08T21:08:52.982Z (10 months ago)
• Language: JavaScript
• Homepage: https://webcomponents.org/element/PolymerElements/iron-form-element-behavior
• Size: 248 KB
• Stars: 9
• Watchers: 14
• Forks: 16
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          
[![Published on NPM](https://img.shields.io/npm/v/@polymer/iron-form-element-behavior.svg)](https://www.npmjs.com/package/@polymer/iron-form-element-behavior)

[![Build status](https://travis-ci.org/PolymerElements/iron-form-element-behavior.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-form-element-behavior)

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://webcomponents.org/element/@polymer/iron-form-element-behavior)

## IronFormElementBehavior

`IronFormElementBehavior` adds a `name`, `value` and `required` properties to

a custom element. This element is deprecated, and only exists for back compatibility

with Polymer 1.x (where `iron-form` was a type extension), and

it is not something you want to use. No contributions or fixes will be accepted.

See: [Documentation](https://www.webcomponents.org/element/@polymer/iron-form-element-behavior).

## Usage

### Installation

```

npm install --save @polymer/iron-form-element-behavior

```

### In a Polymer 3 element

```js

import {PolymerElement, html} from '@polymer/polymer';

import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';

import {IronFormElementBehavior} from '@polymer/iron-form-element-behavior/iron-form-element-behavior.js';

class SampleElement extends mixinBehaviors([IronFormElementBehavior], PolymerElement) {

  static get template() {

    return html`

      

        :host {

          display: block;

        }

      

      

    `;

  }

}

customElements.define('sample-element', SampleElement);

```