material-ui-input

Simple and styled input - like material ui input text

Usage no npm install needed!

<script type="module">
  import materialUiInput from 'https://cdn.skypack.dev/material-ui-input';
</script>

README

material-ui-input

Simple and styled input - like material ui input text

In HTML5, you can have a text input field Please see the styled input component as below,

Install

$ npm install material-ui-input --save

Demo

Click Here to see the demo

Usage

Step 1:

<div class="material-ui-input"></div>

Step 2:

$('.material-ui-input').materialUiInput()

You can get the input value like this

$('.material-ui-input').getInputValue()

Props

Property Value
label string
required boolean

Examples

Example 1: <div class="material-ui-input"></div>

Example 2: <div class="material-ui-input" label="First Name" required="true"></div>

Note:

Please include the jquery in your html

npm i jquery

or 

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>