Jøkul
Artikler

Referat fra forum 28. oktober 2025

Oppdatert

Agenda

  1. Beta-status på komponenter i Figma og i kode
    1. Eksempel på komponenter som allerede nå er ute i beta-versjon
    2. Hvordan ta i bruk beta-funksjonalitet, og hva skjer når ting er ute av beta?
  2. I tillegg har vi lyst til å ta en liten diskusjon rundt LinkList-komponenten i forbindelse med å gjøre den klar for rådgiver-tankegangen og -uttrykket.

Beta-komponenter

I Figma ønsker vi å jobbe i et eget bibliotek for beta-komponenter for å kunne gjøre endringer på komponenter vi jobber med raskere. Ting å tenke på ved bruk er at:

  • Du må skru på et nytt bibliotek, der komponentene eksisterer.
  • Komponentene vil flyttes til det stabile biblioteket etter en periode med testing.. Koblingene vil beholdes ved flytting.

I kode vil komponentene lages i en egen components-beta mappe. I bruk vil dette si at:

  • Beta komponenter får prefix (BETA_) for å understreke at den vil kunne få større i minor-releases.
    • Når komponenten ikke lenger er beta mister den prefixen, men importeres fra samme sted som gir små endringer for teamene.
  • Komponenten vil kunne importeres som en stabil komponent.

LinkList er oppdatert med nytt design. Vi må se på sammenehngen mellom LinkList og ExpandablePanel siden de er veldig like.

I Figma gir vi ikke lenger ut LinkList som byggeklosser, for å sikre at komponenten blir brukt riktig.

I kode kreves ikke LinkList.Item lenger. Dette betyr litt mindre markup for å lage en enkel liste med lenkger.

Fra:

<LinkList {...props}>
            <LinkList.Item>
                <LinkList.Link href="#">SpareBank 1</LinkList.Link>
            </LinkList.Item>
            <LinkList.Item>
                <LinkList.Link href="#">DNB</LinkList.Link>
            </LinkList.Item>
            <LinkList.Item>
                <LinkList.Link href="#">LOfavør</LinkList.Link>
            </LinkList.Item>
            <LinkList.Item>
                <LinkList.Link href="#">Norsk Sykepleierforbund</LinkList.Link>
            </LinkList.Item>
        </LinkList>

Til:

<LinkList {...props}>
                <LinkList.Link href="#">SpareBank 1</LinkList.Link>
                <LinkList.Link href="#">DNB</LinkList.Link>
                <LinkList.Link href="#">LOfavør</LinkList.Link>
                <LinkList.Link href="#">Norsk Sykepleierforbund</LinkList.Link>
        </LinkList>