lion/packages/validate-messages
2020-05-29 17:01:15 +02:00
..
src feat: merge field/validate/choice-input/form-group into @lion/form-core 2020-05-29 17:01:15 +02:00
test feat: merge field/validate/choice-input/form-group into @lion/form-core 2020-05-29 17:01:15 +02:00
translations feat: merge field/validate/choice-input/form-group into @lion/form-core 2020-05-29 17:01:15 +02:00
index.js feat: merge field/validate/choice-input/form-group into @lion/form-core 2020-05-29 17:01:15 +02:00
package.json feat: merge field/validate/choice-input/form-group into @lion/form-core 2020-05-29 17:01:15 +02:00
README.md feat: merge field/validate/choice-input/form-group into @lion/form-core 2020-05-29 17:01:15 +02:00

Validation Messages

A set of localized messages for default Validators. One method loadDefaultFeedbackMessages is called, it will make sure that all validators provided in @lion/form-core will have a default error message. It uses the @lion/localize system to provide these translations and has support for more than 15 locales.

import { html } from 'lit-html';
import { loadDefaultFeedbackMessages } from '@lion/validate-messages';
import { Required } from '@lion/form-core';
import '@lion/form-core/lion-field.js';

loadDefaultFeedbackMessages();

export default {
  title: 'Forms/ValidateMessages',
};
export const main = () =>
  html`
    <lion-field name="value" label="label" fieldName="value" .validators="${[new Required()]}"
      ><input slot="input"
    /></lion-field>
  `;

Features

  • Sets default error messages for validators supported by @lion/form-core

How to use

Installation

npm i --save @lion/validate-messages
import { loadDefaultFeedbackMessages } from '@lion/validate-messages';