GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → williamboman → react-input-hints

williamboman / react-input-hints

Licence: other
Get more out of your placeholders. Animates input placeholders to make it look like they are being typed in realtime - https://npmjs.com/react-input-hints

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactinputplaceholderhinterhintsplaceholder-text

Projects that are alternatives of or similar to react-input-hints

TextInputLayout
The objective of this code is to guide you to create login screen with TextInputLayout in iOS app.
Stars: ✭ 30 (-46.43%)
Mutual labels:  input, placeholder, placeholder-text
NSJTextField
A custom textfield with the placeholder displayed on top when text entered.
Stars: ✭ 30 (-46.43%)
Mutual labels:  placeholder, placeholder-text
STTextView
📝 STTextView is a light-weight library that adds a placeholder to the UITextView.
Stars: ✭ 36 (-35.71%)
Mutual labels:  placeholder, placeholder-text
react-native-calculator
React Native Calculator and Calculator Input Component
Stars: ✭ 23 (-58.93%)
Mutual labels:  input
promise
Common interface for simple asynchronous placeholders.
Stars: ✭ 66 (+17.86%)
Mutual labels:  placeholder
mighty-input
Text input for modern web
Stars: ✭ 20 (-64.29%)
Mutual labels:  input
python-valid8
Yet another validation lib ;). Provides tools for general-purpose variable validation, function inputs/outputs validation as well as class fields validation. All entry points raise consistent ValidationError including all contextual details, with dynamic inheritance of ValueError/TypeError as appropriate.
Stars: ✭ 24 (-57.14%)
Mutual labels:  input
rawtx
A Golang module that helps you answer questions about raw Bitcoin transactions, their inputs, outputs and scripts.
Stars: ✭ 12 (-78.57%)
Mutual labels:  input
python-lorem
🐍 Python library for the generation of random text that looks like Latin
Stars: ✭ 19 (-66.07%)
Mutual labels:  placeholder
PureBlue
空蓝，一款搜狗输入法 for Mac 皮肤，极简风格，使用蓝色作为高亮颜色。
Stars: ✭ 57 (+1.79%)
Mutual labels:  input
intl-tel-input-rails
intl-tel-input for the Rails asset pipeline
Stars: ✭ 35 (-37.5%)
Mutual labels:  input
prodict
Prodict, what Python dict meant to be.
Stars: ✭ 102 (+82.14%)
Mutual labels:  hints
i3blocks-modules
Custom modules for i3blocks status bar
Stars: ✭ 36 (-35.71%)
Mutual labels:  placeholder
blurhash.cr
A pure Crystal implementation of BlurHash algorithm
Stars: ✭ 13 (-76.79%)
Mutual labels:  placeholder
webpack-image-placeholder-loader
Generate a solid color image as placeholder
Stars: ✭ 24 (-57.14%)
Mutual labels:  placeholder
react-numeric
A react component for formatted number form fields
Stars: ✭ 30 (-46.43%)
Mutual labels:  input
eseed-window
A minimal cross-platform C++17 window management library for rendering (deprecated)
Stars: ✭ 18 (-67.86%)
Mutual labels:  input
placeholders
SVG-based placeholders in web components
Stars: ✭ 28 (-50%)
Mutual labels:  placeholder
vue-ip
IP Address input for VueJS 2.x
Stars: ✭ 25 (-55.36%)
Mutual labels:  input
angular2-stretchy
angular2-stretchy is an Angular2 directive that automatically adjusts input width to fit content.
Stars: ✭ 12 (-78.57%)
Mutual labels:  input
View All Similar Projects ➔

react-input-hints

Animates input placeholders to make it look like they are being typed in realtime.

Build Status

Usage

<InputHints
    placeholders={[
        'Enter your username here...',
        'Usernames can be 7-18 characters long.',
    ]} />
)

Installation

$ npm install react-input-hints
# or
$ yarn add react-input-hints

Props

See react-typewriting for more controls.

placeholders | Array<string> | required

The placeholders to print out, in order of appearance.

Tips

Use the selector:placeholder CSS pseudo-class to style your placeholders!

License

Licensed under the MIT license.

Authors

William Boman [email protected]

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].