Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Enhance input component #5

Open
SilverBirchh opened this issue Nov 16, 2021 · 0 comments
Open

Enhance input component #5

SilverBirchh opened this issue Nov 16, 2021 · 0 comments
Labels
enhancement Adds to an existing feature

Comments

@SilverBirchh
Copy link
Contributor

SilverBirchh commented Nov 16, 2021 •
edited by CliffAw
Loading

Description

Add more visual feedback to the user in various scenarios.

Note: This is an extension of the functionality implemented in #1.

Acceptance Criteria

When the input is not focused

Given... That I have have not focused on the input component
Then... There should be a placeholder message indicating the expected value

image

When input is focused

Given... That I have have focused on the input component
Then... The input border should turn blue

image

When input is invalid

Given... That I have have focused on the input component
When... I have entered an invalid value
Then... The input border should turn red
And... There should be an error message show underneath the input
And... The input border should turn blue when the input is refocused

image

When input is valid

Given... That I have have focused on the input component
When... I have entered an valid value
Then... The input border should turn green

image
@CliffAw CliffAw changed the title [Feature] Extend Input component [Feature - M] Extend Input component Jul 27, 2022
@CliffAw CliffAw changed the title [Feature - M] Extend Input component [Feature] Extend Input component Jul 27, 2022
@CliffAw CliffAw added the feature New feature or request label Jul 27, 2022
@CliffAw CliffAw changed the title [Feature] Extend Input component Extend Input component Jul 27, 2022
@CliffAw CliffAw added enhancement Adds to an existing feature and removed feature New feature or request labels Jul 28, 2022
@CliffAw CliffAw changed the title Extend Input component Enhance input component Jul 28, 2022
@CliffAw CliffAw moved this to Todo in Frontend Interview Oct 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement Adds to an existing feature
Projects
Frontend Interview
Status: Todo
Milestone
No milestone
Development

No branches or pull requests
2 participants
@CliffAw @SilverBirchh