React UI validations

Набор компонентов, реализующих поведение валидаций по Контур.Гайдам.

Документация

• Docs & Demos
• Validation guides

Использование

npm install --save @skbkontur/react-ui-validations

import { ValidationContainer, ValidationWrapper } from 'react-ui-validations';

export default class DataEditor extends React.Component {
  // ...
  render() {
    return (
      <ValidationContainer>
        <ValidationWrapper
          validationInfo={/\d+/.test(phone) ? { message: 'Телефон должен состоять только из цифр' } : null}
        >
          <Input value={phone} onValueChange={value => setState({ phone: value })} />
        </ValidationWrapper>
      </ValidationContainer>
    );
  }
}

Запуск примеров

yarn start:docs

StrictMode

Библиотека поддерживает работу в React.StrictMode начиная с версии 1.7.0. Подробнее.