oleksandr-romashko / goit-react-woolf-hw-07-phonebook

Simple phonebook to store your contacts.
https://oleksandr-romashko.github.io/goit-react-woolf-hw-07-phonebook/
0 stars 0 forks source link

Add animation spinner for adding the contact #5

Closed oleksandr-romashko closed 2 months ago

oleksandr-romashko commented 3 months ago

Stage 1 - adding contact detailes:

screenshot-localhost_3000-2024 07 07-11_39_14

Stage 2 - after clicked add contact button - show spinner instead of button text:

Peek 2024-07-07 11-42

Stage 3 - after processing - inform the user about success of failer (hide informational text after some time):

screenshot-localhost_3000-2024 07 07-11_50_07

screenshot-localhost_3000-2024 07 07-11_48_44

Alternative info message style (additional span to the right of the button):

screenshot-localhost_3000-2024 07 07-11_55_36

screenshot-localhost_3000-2024 07 07-12_03_26