# React UI validations

[![npm](https://img.shields.io/npm/v/react-ui-validations.svg?maxAge=300&style=flat-square)](https://www.npmjs.com/package/react-ui-validations)

Набор компонентов, реализующих поведение [валидаций по Контур.Гайдам](https://guides.kontur.ru/principles/validation/).

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

- [Docs & Demos](https://tech.skbkontur.ru/kontur-ui/)
- [Validation guides](https://guides.kontur.ru/principles/validation/)

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

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

```jsx
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>
    );
  }
}
```

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

```shell
yarn start:docs
```

## StrictMode

Библиотека поддерживает работу в React.StrictMode начиная с версии `1.7.0`. [Подробнее](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode).