swiftcarrot / React Input Number
Licence: mit
React number input component
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Input Number
Surmon.me.native
📱 My blog app, powered by react-native
Stars: ✭ 579 (+8171.43%)
Mutual labels: react-component
React Awesome Query Builder
User-friendly query builder for React
Stars: ✭ 682 (+9642.86%)
Mutual labels: react-component
React Toastify
React notification made easy 🚀 !
Stars: ✭ 8,113 (+115800%)
Mutual labels: react-component
React S Alert
Alerts / Notifications for React with rich configuration options
Stars: ✭ 658 (+9300%)
Mutual labels: react-component
React Maskedinput
Masked <input/> React component
Stars: ✭ 700 (+9900%)
Mutual labels: react-component
React Scrollbars Custom
The best React custom scrollbars component
Stars: ✭ 576 (+8128.57%)
Mutual labels: react-component
React Input Range
React component for inputting numeric values within a range (range slider)
Stars: ✭ 680 (+9614.29%)
Mutual labels: react-component
React Insta Stories
A React component for Instagram like stories
Stars: ✭ 777 (+11000%)
Mutual labels: react-component
Nwb
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
Stars: ✭ 5,429 (+77457.14%)
Mutual labels: react-component
React Extras
Useful components and utilities for working with React
Stars: ✭ 651 (+9200%)
Mutual labels: react-component
Reactprimer
React component prototyping tool that generates fully connected class component code.
Stars: ✭ 743 (+10514.29%)
Mutual labels: react-component
React Stack Grid
Pinterest like layout components for React.js
Stars: ✭ 803 (+11371.43%)
Mutual labels: react-component
React Contexify
Add a context menu to your react app with ease
Stars: ✭ 575 (+8114.29%)
Mutual labels: react-component
Awesome React Components
Curated List of React Components & Libraries.
Stars: ✭ 28,626 (+408842.86%)
Mutual labels: react-component
React Visual Diff
React component for rendering the diff of two React elements
Stars: ✭ 22 (+214.29%)
Mutual labels: react-component
Base
React-UI-Kit - frontend library with ReactJS components
Stars: ✭ 18 (+157.14%)
Mutual labels: react-component
React Lazy Load Image Component
React Component to lazy load images and components using a HOC to track window scroll position.
Stars: ✭ 755 (+10685.71%)
Mutual labels: react-component
react-input-number
React number input component
Installation
yarn add react-input-number
npm install react-input-number --save
Demo
https://swiftcarrot.dev/react-input-number
Basic usage
import React, { useState } from 'react';
import InputNumber from 'react-input-number';
function App() {
const [num, setNum] = useState(2.2);
return (
<InputNumber min={10} max={100} step={0.03} value={num} onChange={setNum} />
);
}
enableMobileNumericKeyboard
<InputNumber enableMobileNumericKeyboard />
will open a numeric keyboard on ios and android devices. Notice that on ios the keyboard doesnot contain the .
(dot) character for floating numbers.
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].