decaporg / decaporg/decap-cms

Add New Navigation Component

Open
#3,296 0 comments 0 reactions 0 assignees View on GitHub
area: design area: ui area: ux kind: enhancement
Dominant language
JavaScript
Stars
19.4k
Forks
3.1k
Avg merge
1d 14h
Merged PRs (30d)
9

Description

Based on the design in #2557, add or update the navigation component in the project. Feel free to use [this InVision prototype](https://projects.invisionapp.com/share/3ATIRBHKW9F#/screens/379688154) for reference.

The navigation also needs to be collapsable as seen in [this InVision prototype](https://projects.invisionapp.com/prototype/ck6v8xdjr00c3kn01q12iiqvd/play) when you click the icon on the bottom left to toggle the expanded/collapsed nav state.

- [ ] Add or change styles to match design
- [ ] Adjust how it is implemented in project
- [ ] Add to Storybook
- [ ] Write tests
- [ ] Ensure tests pass
- [ ] Open a pull request

Contributor guide

Open the contributing guide

Research direction

Start by reading the design discussion in #2557 and comparing the existing navigation with the linked InVision prototypes. Locate the current navigation component and its Storybook coverage, then verify the expanded and collapsed states through the relevant tests and Storybook; done means the design matches, the toggle works, coverage is added, and tests pass.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
design, frontend, testing
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.