Definere og tilby layout-primitives i Designsystemet

[mrosvik]

Overordnet beskrivelse

Det er behov for å avklare hvilke layout-komponenter (primitives) Designsystemet bør tilby for å håndtere struktur og flyt i grensesnitt.

Mange designsystemer tilbyr enkle layout-primitives som Stack, Flex og Grid. Disse gjør det enklere å bygge konsistente oppsett uten å måtte skrive mye tilpasset layoutkode.

Oppgaven handler først om å kartlegge behov og definere hvilke layout-primitives som bør inngå i Designsystemet, og deretter implementere dem.

Forventet resultat

• En avklart liste over hvilke layout-primitives Designsystemet skal tilby
• Enkle og fleksible komponenter for layout og flyt
• Konsistent håndtering av spacing, størrelse og responsiv oppførsel
• Layout-primitives som fungerer godt sammen med tokens og eksisterende komponenter

Hvordan skal det fungere?

Layout-primitives skal gjøre det enklere å bygge struktur og avstand i grensesnitt.

Det kan for eksempel være komponenter som:

• Stack (vertikal flyt og spacing)
• Flex (fleksible rader og kolonner)
• Grid (grid-baserte oppsett)
• Prose eller lignende for typografisk innhold

Gjennomføring

1. Kartlegge behov for layout-primitives i Designsystemet.
2. Gjøre research på eksisterende løsninger og praksiser
3. Definere hvilke primitives som skal inngå i Designsystemet.
4. Implementere og dokumentere komponentene.

Relevante issues

• Layout components (Primitives) Stack/Flex/Grid/Prose designsystemet#2492