Skip to content

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

Notifications You must be signed in to change notification settings

williamboman/react-input-hints

Repository files navigation

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]

About

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

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published