React Input Types Resources

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

React Mentions A React component that let's you mention people in a textarea like you are used to on Facebook or Twitter. Used in production at Signav

⚠️ This library is not maintained. Pull-requests and issues are not monitored. Alternatives to text-mask include: https://github.com/uNmAnNeR/imaskjs

React Credit Cards A slick credit card component for React. Demo Install npm install --save react-credit-cards Usage import React from 'react'; impor

React Currency Input Field Component

react-input-mask Input masking component for React. Made with attention to UX. This is a development branch for version 3.0. For the latest stable ver

react-otp-input A fully customizable, one-time password input component for the web built with React. Live Demo CodeSandbox Installation To install th

react-csv-reader React component that handles csv file input. It handles file input and returns its content as a matrix. Docs: nzambello.github.io/rea

React Payment Inputs A React Hook & Container to help with payment card input fields. React Payment Inputs Demos Requirements Installation Usage With

react-phone-number-input International phone number input for React. See Demo Install npm install react-phone-number-input --save If you're not us

React numpad A numpad for number, date and time, built with and for React. It's written with the extensibility in mind. The idea of this project is to

React component for entering and validating PIN code.

Numeric input control with step buttons for Semantic UI React

react-individual-character-input-boxes React Individual Character Input Boxes (RICIBs) are individual inputs that are separate from each other but fun

RIFM - React Input Format & Mask Is a tiny (≈ 800b) component (and hook) to transform any input component into formatted or masked input. Demo Highlig

rc-input-number Input number control.

MaskedInput A React component for input masking, built on top of inputmask-core. Live Demo Install npm npm install react-maskedinput --save Browser

Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)

React Headless Phone Input A headless phone number input component built for usability. Phone numbers are hard. Users expect to be able to enter phone

Highly configurable & extensible automatically sized input field built with hooks.

Welcome to react-contact-number-input 👋 International phone number input component for react Install npm install react-contact-number-input Author 👤

use-telephone A React hook for building phone number inputs Installation use-telephone depends on React = 16.8, so make sure you have it installed. y

A react component for digit inputs. It might be very useful to get SMS codes from user on two factor authentications and in many other scenarios when you need get an numerical input from user digit by digit.

block-code A fully customizable, one-time password input component for the web built with React Live demo Highlights Easy to use Fully customizable Re

React-translatable-input A ReactJS input component that manages multiple languages. $ npm install --save react-translatable-input Demo http://belkalab

A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.

Format As You Type The simplest field formatting and masking tool for React. For

An input of type password implemented with React and TypeScript

A ReactJS component that allows for multiple text field input, built using the FluentUI library

react-editmask An edit mask for React based on regular expression syntax with cursor handling. Installation react-editmask requires React 0.14 or late

time-input A keyboard friendly react component for capturing time features small UI surface area (just a form input) keyboard friendly (can type times