Back to Plugins

Interactive Typing Input
Variable-controlled, scaleable, interactive input component for typing on prototype..
typinginteractive componentsvariablesinputprototypeinput fieldcode-generators
Plugin Preview
About this plugin
Through this plugin, user can create an interactive input component in matter of seconds, granting stakeholder a more authentic typing experience.
Important:
This doesn't work with accounts on Free Plan as it doesn't support multi action.
Features:
- Each component created from this plugin is configured with its own sets of variables, allowing user to reuse them across different application flows.
- The component is configured with keypress event, currently supporting alphabets, number, and certain characters (. , / @)
- The component supports backspace
- The component will reuse the same variable when you create another component with the same label as the previously deleted component, reducing variable waste
Limitation:
- When you create a component with the same label across different page, they will share the same variable, hence affecting the data integrity of the variable
- The component currently doesn't have any state yet. In another words, all input will actively show the input typed by user. You can resolve this issue by creating a [state] variant of the component to differentiate default and active state.
- Due to how it is engineered, the backspace doesn't really delete the characters, but simply undo to 1 step before, so you can technically just delete one character per change.
Plugin Details
Version | 5 |
---|---|
Created | February 27, 2024 |
Last Updated | March 14, 2024 |
Category | Software development |
Creator | Philips |
Stats | 1197 installs, 129 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.