v1.0.4

Live Demo →
API Documentation →

Changes Since v1.0.3:

• c8e8bcb fix: add missing focused state attribute (#34)

v1.0.3

Live Demo →
API Documentation →

Changes Since v1.0.2:

• 45cab4e Update value on Tab (#33)

v1.0.2

Live Demo →
API Documentation →

Changes Since v1.0.1:

• cf43bfa Internal tab (#32)

  • Fire internal-tabbing on Tab, focus first input, add tests

  • Add event documentation

  • Rename to internal-tab

  • Fire an event in tests

• 066c3cc chore: update vaadin-demo-helpers to 3.0.0 [skip ci]

• 4a771ef test: update visual test screenshots to pick select fix

• 0c543f3 chore(ci): pin Firefox version in travis to 66

• ffa6c52 test: update browser versions used in tests

  Related to:
  vaadin/components-team-tasks#450
  vaadin/vaadin-element-skeleton#204

• 81768ad chore: align with skeleton, replace gulp with npm scripts

v1.0.1

Live Demo →
API Documentation →

Changes Since v1.0.0:

• 5c46456 fix: ensure correct alignment, add visual tests (#25)

• 2006e3c Add composite demo, remove text-field wrapping demo [skip ci] (#21)

  • Add composite demo, remove text-field wrapping demo [skip ci]

  • Simplify iron form demo [skip ci]

  • Update readme [skip ci]

  • Update demos wordings, display stringified value [skip ci]

v1.0.0

Live Demo →
API Documentation →

Features

• <vaadin-custom-field> component implementing the wrapper element for the input fields:

<vaadin-custom-field>
  <input type="text">
  <input type="number">
</vaadin-custom-field>

The wrapped elements are visible for the user and reflect the current value of the field. The wrapped components can be wired to present/set the value of the field with parseValue and formatValue

• The label is presented above the field.

• The error-message is presented below the field when it is invalid.

• The field can be marked as required, the required indicator is shown in that case.

• vaadin-custom-field can be used inside an iron form.

v1.0.0-beta1

Live Demo →
API Documentation →

Changes Since v1.0.0-alpha4:

• 88e77f0 Update custom validator demo

• 449ac07 refactor: use tab character as a value delimiter

• c575417 Remove required propagation, change validation logic (#17)

• 604d2f2 Update inputs setting and change listener (#16)

  • Make the inputs readonly, add mutationObserver for setting inputs, add change listener to inputs-wrapper

  • Update tests: get rid of slotchange event, add test for inputs

• 42ba300 docs: document stylable parts and state attributes [skip ci]

• 822acb3 chore(deps): move components to dev dependencies (#14)

v1.0.0-alpha4

Live Demo →
API Documentation →

Changes Since v1.0.0-alpha2:

• 29e0123 Enable visual tests

• e8fbee5 Update visual tests to check invalid material label

• 1fa65d2 Update styles for field, inherited by label

• 25b88e5 Add required and error message to native inputs demo

• 7880e07 Update and fix tests

• 95581c5 Improve setting of the inputs and change listeners, improve docs

• de9dcb7 Update demos, exclude extra required and error-message

v1.0.0-alpha2

Live Demo →
API Documentation →

Changes Since v1.0.0-alpha1:

• 809cdbb Add test and stop execution

• b7078cc Add custom formatter and parser demo

• 0e5a6ac Add check and warning for empty values array

• f246021 Add custom validation demo and update i18n docs [skip ci]

v1.0.0-alpha1

Live Demo →
API Documentation →

Features

• <vaadin-custom-field> component implementing the wrapper element for the input fields:

<vaadin-custom-field>
  <input type="text">
  <input type="number">
</vaadin-custom-field>

The wrapped elements are visible for the user and reflect the current value of the field. The wrapped components can be wired to present/set the value of the field with parseValue and formatValue

• The label is presented above the field.

• The error-message is presented below the field when it is invalid.

• The field can be marked as required, the required indicator is shown in that case.

• vaadin-custom-field can be used inside an iron form.