Updates to Form

[americanrefugee]

Figma document

• Form components

Storybook pages

• Action
• MFA
• Password
• Text

Platform

• Web

Updates requested

There are a few tweaks to existing components and new additions...

Tweaks:

• Password: The size of the icon in the Visibility button looks too big. Please change size to 20px (refer to Visibility button in Figma file)
• MFA: Typing behavior is still a bit buggy
  • After typing last number, the user should not be able to type any more (currently you still see the cursor outside the boxes after typing the last number)
  • When deleting, only the active box should have a blue focus ring, not all of them

New additions:

• Long text
• Phone (phone number)
• Address

[americanrefugee]

Also, all form components should include:

• Label
• Optional Hint/Error/Success