react-floating-label

Floating label input.

Checkout the DEMO

Install it:

npm install --save react-floating-label

Usage:

var FloatingLabel = require('react-floating-label');
 
<FloatingLabel
    errorMsg='Full name can contain only the alphabets and space'
    pattern={/^[a-z\s]+$/i}/>
 

Props:

autoComplete: PropTypes.bool,
errorMsg: PropTypes.string,
placeholder: PropTypes.string.isRequired,
pattern: PropTypes.any,
type: PropTypes.string.isRequired,
id: PropTypes.string.isRequired,
isDisabled: PropTypes.bool

Building and running:

Lifecycle scripts included in react-floating-label:
  start
    ecstatic -p 8000 public

available via `npm run-script`:
  build-js
    NODE_ENV=production browserify main.js | uglifyjs -cm > public/bundle.js
  build-css
    cat master.css > public/bundle.css
  build
    npm run build-js && npm run build-css
  watch-js
    watchify main.js -o public/bundle.js -dv
  watch-css
    catw master.css -o public/bundle.css -v
  watch
    npm run watch-js & npm run watch-css

License:

MIT