Altinn / Altinn/app-frontend-react

Update `NavigationBar` to use the `Chip` component from design system

Open
#1,308 0 comments 0 reactions 0 assignees View on GitHub
kind/feature-request
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description

There is a new `Chip` component in the design system, which when used as a toggle chip (without checkmarks) behaves exactly the same as our `NavigationBar`. I think we should switch over to using that instead of implementing our own since this will get automatic styling updates along with the design system. The existing component has had to be updated several times to keep up with changes in for example focus styling.

https://digdir.github.io/designsystem/?path=/story/kjernekomponenter-chip--toggle-chip

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by locating the existing NavigationBar component and its tests, then compare its toggle behavior with the design system's Chip toggle-chip example. Replace the custom implementation with Chip while preserving NavigationBar behavior, and verify the existing tests and focus-state behavior pass.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.