This is a foundation for all the text input I use in my markup for more than 4 years. Now in a form of a React component, using bemto-components and styled-components.
You can use it as a base for highly functional and stylable text inputs which provides basic reset & layout which you could later easily style by extending with styled-components (or use your external styles). This component has all the powers of bemto-components beneath, so you can use modifiers, polymorphic tags and all the other stuff. See the docs of bemto-components for more features and this component's source code to how easily it is done.
Each example at documentation is an interactive playground
Note: bemto-input uses styled-components as a peer dependency, as its bad to include more than one instance of styled-components in your app, so you need to have it installed as well.
In your console:
npm install --save bemto-inputThen in .js-files of your components:
import BemtoInput from 'bemto-input';Licensed under the MIT License, Copyright © 2017 Roman Komarov.
See LICENSE for more information.