Altinn / Altinn/app-frontend-react

Possibility to customize button color and logo

Open
#2,138 1 comment 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

I would like the possibility to change the color of any button component, both primary and secondary color as it would make it easier to make customized button, and more suitable for different types of actions and use cases. I would also like the possibility to add a small icon.

### Additional Information

Screenshot of how a custom button looks today, with the only modification being if it is a "primary" or "secondary" button:
![Skjermbilde 2024-06-06 kl 10 55 08](https://github.com/Altinn/altinn-studio/assets/56260049/67d0917d-076d-4be8-8ff1-4e66eccc3f0d)
Screenshot of wanted look of button:
![Skjermbilde 2024-06-06 kl 10 55 39](https://github.com/Altinn/altinn-studio/assets/56260049/e670a38d-c1af-40f7-921a-13430fdcc0e3)
Maybe by adding a style attribute to buttons, which is not mandatory but can change into different values.

Contributor guide

Open the contributing guide

Research direction

No source files or tests are named. Start by locating the button components and their current primary/secondary styling, then compare the existing and requested screenshots. Done should mean buttons support the requested optional color customization and small icon while preserving existing button behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.