mn-input

A input component (type text), with minimalist design.

See the demo

Install

npm install --save mn-input

And bundle dependencies and main files in dist/ with your preferred tool.

Usage

And then, in your html, you can use the tag mn-input i.e.

<mn-input placeholder="Username"></mn-input>

The following attributes from inputs are supported in this component

• placeholder
• value
• name
• autofocus
• maxlength
• pattern
• readonly
• required
• disabled
• autocapitalize

Types

if you need another type of input, like password, or number, see other mn-components like mn-password, or mn-number.

they are in separated, to produce a clean code, and detailed care about UX.

Tests

Thanks to BrowserStack team, we will test using them. They have great tools for unit, and e2e tests.