smart-input-react

An easy-to-use input element for React with built-in themes and analytics

Usage no npm install needed!

<script type="module">
  import smartInputReact from 'https://cdn.skypack.dev/smart-input-react';
</script>

README

<SmartInput />

SmartInput

<SmartInput /> is the best text input element for React because it's so easy to use and style, and for advanced users it provides rich analytics about end usage.

Themes

Theming with JSX attributes is super simple: <SmartInput theme="Material" />, for example, restyles the input to the "Material" theme (defined in themes.css). You can also override styles or CSS classes like you would with any React component.

Analytics

<SmartInput /> captures and reveals rich insights and analytics in real-time, and maintains a detailed history of what's been entered and submitted in the past. Other details like time spent filling out a form, typing speed, keystrokes, backspaces, and more are also exposed. You can also configure a <SmartInput /> to report keyword entries or emails entered to a specified API endpoint - like your favorite analytics software, or your application backend. Use <SmartInput profile="Standard" /> to track according to the StandardProfile (defined in /profiles).

Usage

Coming soon

Contributing

The main purpose of this repository is to continue to evolve smart-input, making it faster and easier to use. Development of smart-input happens in the open on GitHub, and I am grateful to the community for contributing bugfixes and improvements.