Input and Textarea React components with polyfilled placeholder support.
Textarea, small wrappers around
React.createElement('textarea') respectively that shims in
placeholder functionality for browsers that don't natively support it. Currently only tested with IE9.
npm install react-input-placeholder
Input = ReactInput;Textarea = ReactTextarea;
The compiled bundle sits in the
<script src='dist/react-input-placeholder.min.js'></script><script>var Input = PlaceholderShimInput;var Textarea = PlaceholderShimTextarea;</script>
You can use
Textarea exactly the same way you'd use
<input /> in JSX. All attributes will be passed on, and all event callbacks will be called. However, please note that the placeholder shim only works on controlled inputs (i.e., you must provide a
When the placeholder text is visible, the
placeholder CSS class will be added to the
input element so you can style it, e.g.
Placeholder doesn't show on IE9.
Works on IE9!
npm installgrunt dist