Back to Plugins
Interactive Typing Input

Interactive Typing Input

Variable-controlled, scaleable, interactive input component for typing on prototype..

typinginteractive componentsvariablesinputprototypeinput fieldcode-generators

Plugin Preview

Interactive Typing Input 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

Version5
CreatedFebruary 27, 2024
Last UpdatedMarch 14, 2024
CategorySoftware development
CreatorPhilips
Stats1197 installs, 129 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none