# material-ui-input

> Simple and styled input - like material ui input text

Latest version **1.0.0** (published 2018-12-02) · ISC license · 0 weekly downloads

## Install

```sh
npm install material-ui-input
pnpm add material-ui-input
yarn add material-ui-input
bun add material-ui-input
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-12-02 |
| First published | 2018-12-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 15.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Umar Farook M |
| Maintainers | umarfarook89 |
| Keywords | input, textbox, text, material, ui, input, jquery-plugin, ui, input, material, ui, input, field |

## Links

- npm: https://www.npmjs.com/package/material-ui-input
- Repository: https://github.com/umarfarookm/material-ui-input
- Homepage: https://github.com/umarfarookm/material-ui-input#readme
- Issues: https://github.com/umarfarookm/material-ui-input/issues
- npm.io page: https://npm.io/package/material-ui-input

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2018-12-02

## 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, 

![](matrialinput.png)

# Install

`$ npm install material-ui-input --save`

# Demo

##### [Click Here to see the demo](https://material-ui-input-bnxnbikevf.now.sh/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>

---
_Source: https://npm.io/package/material-ui-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._