Collection of free React input type text code examples: placeholders, float labels, etc.


Related Articles

  1. CSS Input Text
  2. JavaScript Input Text
  3. jQuery Input Text
  4. Vue Input Text

Demo image: react-input-mask

Author

  • 白俊杰

About a code

React Native Input Scroll View

Perfect text input scroll view.

Author

  • React Native Community

About a code

React Native Text Input Mask

Text input mask for React Native, Android and iOS.

Demo image: React Native Masked Text

Author

  • Ben-hur Santos Ott

About a code

React Native Masked Text

This is a simple masked text (normal text and input text) component for React-Native.

Demo image: React Number Format

Author

  • Sudhanshu Yadav

About a code

React Number Format

React component to format number in an input or as a text.

Author

  • Nikolay

About a code

React Phone Number Input

International phone number input for React.

Author

  • Halil Bilir

About a code

React Native Text Input Effects

Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.

Demo image: React Input Mask

Author

  • Nikita Lobachev

About a code

React Input Mask

Input masking component for React. Made with attention to UX.

Demo image: Text Mask

Author

  • Text Mask

About a code

Text Mask

Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything.

Author

  • Eyal Eizenberg

About a code

React Native Floating Label Text Input

This component will render an iOS styled text field with floating label animation. When there is no value, the placeholder will be centered. Once there is a value, the value will slide down and the label will fade in and slide up.

Author

  • Jed Watson

About a code

React Input Autosize

Auto-resizing input field for React.