Skip to content

skbkontur/react-ui-validations

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-ui-validations

Разработка библиотеки переехала в другой репозиторий skbkontur/retail-ui

Travis npm

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

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

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

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 git@github.com:skbkontur/react-ui-validations.git
cd react-ui-validations
npm install
cd docs
npm install
npm start