Altinn / Altinn/app-frontend-react

Alignment: Card

Open
#3,175 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:

color - `accent`, `brand1`, `brand2`, `brand3`, `neutral`
size - `sm`, `md`, `lg`
variant (change the background color of the card) - `default`, `tinted`
asChild - `boolean`
children (instances of `Card.Block`, `Divider` or other React nodes) - `ReactNode`

Designs system documentation [can be found here](https://storybook.designsystemet.no/?path=/docs/komponenter-card--docs)

Contributor guide

Open the contributing guide

Research direction

Start by locating the alert or Card component entry point and compare its current API with the linked Design System Card documentation. Confirm how the listed color, size, variant, asChild, and children properties should map to the component, then verify that all requested properties are supported and documented.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.