MetaMask / MetaMask/metamask-extension
Create new seed phrase flow bread crumbs component
@danjm is already working on this.
Since Apr 17, 2021.
- Dominant language
- TypeScript
- Stars
- 13.2k
- Forks
- 5.6k
- Avg merge
- 2d 5h
- Merged PRs (30d)
- 451
Description
A redesign of our onboarding flow can be found here https://www.figma.com/file/iCOjL3k1BkQqpYHFUVVFUZ/Extension-Onboarding?node-id=73%3A2
A number of the screens in that new flow have a breadcrumbs component.
This can specifically be seen in this part of the figma file: https://www.figma.com/file/iCOjL3k1BkQqpYHFUVVFUZ/Extension-Onboarding?node-id=173%3A1187
This task is to create this as a stand alone component. Because the screens in which the component will live are not yet in place, a storybook story can be added for the component. Run `yarn storybook` to see the current storybook stories. These are located through the the `ui/app` directory and have file names of `*.stories.js`
As can be seen in the designs, there are to be three "breadcrumbs" represented by the three circles. Each circle needs to be able to be in 3 different states (grey, highlighted border blue but white background, border blue and blue background. Whether the circles are in this state should be based on parameters the component receives from its parent. The component can be stateless.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.