Altinn / Altinn/app-frontend-react

Alignment: Alert

Open
#3,172 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
21
Forks
33
Avg merge
6d 23h
Merged PRs (30d)
3

Description

The alert component should include the following properties to align with the Design system:

- **children** - `string`
- **color** - `danger`, `info`, `warning`, `success`
- **size** - `sm`, `md`, `lg`

According to our docs, we currently have `severity` in place of `data-color`. This should be renamed to the same property name as the design system uses.

Component documentation from the Design System can be found [here](https://storybook.designsystemet.no/?path=/docs/komponenter-alert--docs&args=data-color:brand3;data-size:sm;open:!false)

Contributor guide

Open the contributing guide

Research direction

Start by locating the alert component and its current documentation, then compare its props with the linked Design System Alert documentation. Done means supporting children, color, and size with the documented values and replacing the current severity property with the design system's data-color name.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.