Design

Begrep

ny

@/components/ui/Begrep

Et fagord med forklaringen der ordet står — prikket understrek, forklaring på hover/fokus (tooltip) og trykk (panel), samme tekst begge veier.

Når brukes den

  • Ethvert fagord brukeren trenger forkunnskap for å forstå (FDV, tilstandsgrad, gnr/bnr, annuitetslån, brøk, helse-indeks, IB/UB, likviditet, verv/tilgang, BRreg, KID, HMS, NS 3424, vedlikeholdsfond) — legg forklaringen i lib/ordliste.ts, ALDRI en lokal tooltip på én side (regel/fagord-forklares-med-begrep).

  • Erstatter forklaring i callouts/undertitler/introkort — UX-strategien 11. sep 2026 (mønster 1) fant samme fagord forklart i en overskrift på én side og rått uten forklaring på en annen. Begrep gir ÉN forklaring, på stedet, overalt ordet brukes.

  • Virker på berøring (trykk åpner et panel) — ren Tooltip er inert på touch, og målgruppen (styremedlemmer 50+) leser mye på mobil.

  • Ikke bruk til vanlig norsk — kun ord som faktisk krever forkunnskap. Overbruk gjør understreken til støy.

  • Mangler ordet i lib/ordliste.ts? Legg det til der (5–15 ord, klarspråk, ingen nye fagord i selve forklaringen) — ikke skriv en ny lokal variant.

Eksempler

Ordlistens egen tekst

Uten children vises selve ordet fra lib/ordliste.ts.

FDV-dokumentasjonen ligger i arkivet under .

<Begrep id="fdv" />

Egen tekst, samme forklaring

children overstyrer VISNINGEN (f.eks. en forkortelse i en tabell), forklaringen er fortsatt ordlistens.

Byggets tak har — bør utbedres i løpet av planperioden.

<Begrep id="tg">TG2</Begrep>

Nær høyre kant — panelet flipper

Står ordet nær høyre kant på en smal skjerm, ville et venstrejustert panel stikke utenfor viewporten. Begrep måler ved åpning og flipper til høyrejustert automatisk — ingen prop å styre dette med.

Se for oppdaterte opplysninger.

Props

Sveip tabellen for å se hele innholdet

Navn
Type
Default
Beskrivelse
id *
BegrepId
Nøkkel i lib/ordliste.ts. Styrer både standardteksten og forklaringen.
children
React.ReactNode
Overstyrer visningsteksten (f.eks. «TG2»); forklaringen er fortsatt ordlistens.
className
string
Ekstra klasser på den ytre span-en.

Regler

regel/fagord-forklares-med-begrepregel/ordbudsjett-60

Beslektede komponenter