Functional Input Field | Interactive Components Demo

Templates
Figma Resource

A fun experiment where I tried to create a functional input field or text box that allows you to type any character from the keyboard like capital and small alphabets, numbers, and special characters using the new interactive components feature in Figma.

#FunctionalInputField #FunExperiment #InteractiveComponents

Limitations:

  1. Backspace was buggy as it deletes characters from the left to right so removed it.
  2. Works only with monospace fonts.

Explanation & Demo: https://youtu.be/3Ksvxuy4zKk