@stayradiated/react-floating-label

Floating label input.

Checkout the DEMO

Install it:

npm install --save @stayradiated/react-floating-label

Usage:

var FloatingLabel = require('@stayradiated/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

License:

MIT