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

3.0.8 • Published 1 year ago

Install

Weekly downloads

111

License

Apache-2.0

Repository

Last release

1 year 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 year ago

1 year ago

1 year ago

3 years ago

3 years ago

3 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

2.0.0-octane.49

4 years ago

2.0.0-octane.48

4 years ago

2.0.0-octane.47

4 years ago

2.0.0-octane.46

4 years ago

2.0.0-octane.45

4 years ago

2.0.0-octane.43

4 years ago

2.0.0-octane.42

5 years ago

2.0.0-octane.41

5 years ago

2.0.0-octane.39

5 years ago

2.0.0-octane.40

5 years ago

2.0.0-octane.38

5 years ago

2.0.0-octane.37

5 years ago

2.0.0-octane.36

5 years ago

2.0.0-octane.33

5 years ago

2.0.0-octane.35

5 years ago

2.0.0-octane.34

5 years ago

2.0.0-octane.32

5 years ago

2.0.0-octane.31

5 years ago

2.0.0-octane.30

5 years ago

2.0.0-octane.28

5 years ago

2.0.0-octane.27

5 years ago

2.0.0-octane.26

5 years ago

2.0.0-octane.25

5 years ago

2.0.0-octane.24

5 years ago

2.0.0-octane.23

5 years ago

2.0.0-octane.22

5 years ago

2.0.0-octane.17

5 years ago

2.0.0-octane.19

5 years ago

2.0.0-octane.18

5 years ago

2.0.0-octane.21

5 years ago

5 years ago

2.0.0-octane.16

5 years ago

2.0.0-octane.15

5 years ago

2.0.0-octane.14

5 years ago

2.0.0-octane.13

5 years ago

2.0.0-octane.12

5 years ago

2.0.0-octane.11

5 years ago

2.0.0-octane.10

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

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago