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.

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

[Dev](User Profile) Create Onboarding Card Component #982

Open
ethanzlevin opened this issue Apr 1, 2023 · 2 comments
Open

[Dev](User Profile) Create Onboarding Card Component #982

ethanzlevin opened this issue Apr 1, 2023 · 2 comments
Assignees

Comments

@ethanzlevin
Copy link

User Story:
As Nancy Newbie
I want uniformly designed "cards" that outline the steps I need to complete to finish the onboarding process
So that I can better understand what is expected of me
Acceptance Criteria:

Given the onboarding step is NOT completed
when I am viewing the onboarding modal main page
then the onboarding card will be white, have drop shadow, and an empty circle on the right

Given the onboarding step is completed
when I return to the onboarding modal main page
then the onboarding card will be greyed out, and the circle will be filled with a checkmark.
Note:
Component in either variation should have a configurable photo on the left, to the right of the photo should be a heading text and a subheading text.
onboardingmodal.png

@judeamos
Copy link
Contributor

judeamos commented Apr 2, 2023

Please contact me before starting this as this is dependent on: #978.

  • This will be an entirely new component.
  • I will list down the styling details later.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants