Input-Cursor (caret)- In code

[Ethan-Harris07]

Description

The custom input component needs a custom text cursor to show the user where their next typed character is going to. (this is the flashing bar that is showing where you are typing right now!). Our text cursor is that the underscore where the user's next typed character is going to be will flash.

Acceptance Criteria

• [ ] The text cursor flashes two colors: the text color and the gradient of the primary and secondary color

Dev Notes

• The figma rough design as the cursor working in the input component
• I needed to use a monospaced font on figma otherwise the text cursor length looks good or bad on some characters
• I used 530ms for the time between switching between states for the component in figma, can play around with the time though

Subtasks

• none