Altinn / Altinn/app-frontend-react

Accordion header size

Open
#1,657 0 comments 0 reactions 0 assignees View on GitHub
area/designsystem kind/bug ux
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

### Description of the bug

When setting `headingLevel` of the `Accordion` component, the size of the header of the `Accordion` does not change. The `headingLevel` is made for specifying the correct heading level according to other heading levels on the page for accessibility reasons.

There could/should be a way of setting the size, either with the `headingLevel`-property, or with another property.

### Steps To Reproduce

1. Add an Accordion-component
2. Add a title
3. Add the `headingLevel` property
4. Observe that the title does not change size

### Additional Information

This issue was reported on Slack

Contributor guide

Open the contributing guide

Research direction

Start by locating the Accordion component and its headingLevel prop, then inspect how the header size is selected. Reproduce the mismatch using the listed steps and clarify whether headingLevel or a separate property should control sizing; done means the agreed behavior is implemented and covered by the relevant component test.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
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.