Altinn / Altinn/app-frontend-react
Alignment: Button
- 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
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