Altinn / Altinn/app-frontend-react

Alignment: Button

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

Button should contain the following properties from the Design System:

- children - `string`
- disabled - `boolean`
- variant - `primary`, `secondary`, `tertiary`
- icon - `boolean` (toggle icon only styling)
- size - `sm`, `md`, `lg`
- color - `accent`, `brand1`, `brand2`, `brand3`, `neutral`, `danger`.
- loading - `ReactNode`
- asChild - `boolean`
- type - `button`, `submit`, `reset`

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

Contributor guide

Open the contributing guide

Research direction

Start by locating the Button component in the TypeScript frontend and compare its current API with the Design System Button documentation linked in the issue. Check each listed property and its allowed values against the reference. Done means the component exposes the requested properties consistently with the Design System.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.