nanot1m / react-ui-validations

Validations for retail-ui

react-ui-validations

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

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

• Docs & Demos
• Validation guides

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

npm install --save react-ui-validations

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

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

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

git clone [e-mail]:skbkontur/react-ui-validations.git
cd react-ui-validations
npm install
cd docs
npm install
npm start