Ember-cli-mdc-form NPM | npm.io

3.0.8 • Published 1 month ago

Install

Weekly downloads

111

License

Apache-2.0

Repository

Last release

1 month ago

ember-cli-mdc-form

ember-cli addon that is a polyfill for <form> elements

Installation

ember install ember-cli-mdc-form

Components

This package contains the following top-level components.

mdc-form

mdc-form

Description

A component version of the HTML <form> element. The <MdcForm> element allows its parent to react to changes to the form, such as disabling the submit button when an input is invalid.

The <MdcForm> element will gather all child input elements and listen to changes in its validity state. When the validity state of an input changes, the <MdcForm> component will call the invalid action. The invalid action can then mutate a variable that enables/disables the submit button. The <MdcForm> does not automatically enable/disable the submit button, if present, because the parent may have other criteria outside of the <MdcForm> knowledge that determines if the submit button should be enabled/disabled.

Usage

<MdcForm @validity={{this.validity}} submit={{this.submit}} reset={{this.reset}} >

  {{!-- add input components here --}}
  <MdcButton @type="submit" @label="Submit" />

</MdcForm>

Attributes

validity - The action f(state) when the form's validity changes.

Form Validity

The <MdcForm> element will yield the form's state ({isValid, isInvalid}). The yielded values can then be used to modify elements inside the form. For example, it can be use to enable/disable a button.

<MdcForm @validity={{this.validity}} submit={{this.submit}} reset={{this.reset}} as |form|>

  {{!-- add input components here --}}

  <MdcButton @type="submit" @label="Submit" disabled={{form.isInvalid}} />
</MdcForm>

ember-addon material material design material components form

ember-cli-babel ember-cli-blueprint-helpers ember-cli-htmlbars ember-cli-mdc-utils

@everything-registry/sub-chunk-1575 @infinitebrahmanuniverse/nolb-ember-cli-m @zalastax/nolb-ember-cli-m

1 month ago

1 month ago

3 months ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2.0.0-octane.49

3 years ago

2.0.0-octane.48

3 years ago

2.0.0-octane.47

3 years ago

2.0.0-octane.46

3 years ago

2.0.0-octane.45

3 years ago

2.0.0-octane.43

3 years ago

2.0.0-octane.42

3 years ago

2.0.0-octane.41

3 years ago

2.0.0-octane.39

3 years ago

2.0.0-octane.40

3 years ago

2.0.0-octane.38

3 years ago

2.0.0-octane.37

3 years ago

2.0.0-octane.36

3 years ago

2.0.0-octane.33

3 years ago

2.0.0-octane.35

3 years ago

2.0.0-octane.34

3 years ago

2.0.0-octane.32

3 years ago

2.0.0-octane.31

3 years ago

2.0.0-octane.30

3 years ago

2.0.0-octane.28

3 years ago

2.0.0-octane.27

3 years ago

2.0.0-octane.26

3 years ago

2.0.0-octane.25

3 years ago

2.0.0-octane.24

3 years ago

2.0.0-octane.23

3 years ago

2.0.0-octane.22

3 years ago

2.0.0-octane.17

3 years ago

2.0.0-octane.19

3 years ago

2.0.0-octane.18

3 years ago

2.0.0-octane.21

3 years ago

4 years ago

2.0.0-octane.16

4 years ago

2.0.0-octane.15

4 years ago

2.0.0-octane.14

4 years ago

2.0.0-octane.13

4 years ago

2.0.0-octane.12

4 years ago

2.0.0-octane.11

4 years ago

2.0.0-octane.10

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago