Design

Markdown

@/components/Markdown

Liten, avhengighetsfri markdown-renderer for dokumentflater — bygger React-elementer direkte, ingen dangerouslySetInnerHTML.

Når brukes den

  • Dokumentflater med opplastet eller redigert tekst: vedtekter, husordensregler, innkalling, beretning, referat.

  • Kilder som kan inneholde PDF-utpakkede tabeller — pdf-utpakkingen skriver kolonner som markdown-tabeller.

  • Sitater fra lov/vedtak som skal skilles visuelt fra brødteksten (>-sitatblokk).

  • Ikke bruk for en enkelt kort norsk setning — bruk Text/Heading direkte, det er raskere å lese for de fleste tilfeller.

Eksempler

Overskrifter, tekst og lenke

Standard dokumentinnhold: ## overskrift, **fet**, *kursiv*, [lenke](url) og lister.

Overskrift nivå 2

Brødtekst med fet, kursiv og en lenke.

  • Punktliste
  • Andre punkt
  1. Nummerert punkt
  2. Andre punkt
<Markdown content={`## Overskrift\n\nBrødtekst med **fet** og *kursiv*.\n\n- Punkt en\n- Punkt to`} />

Tabell

Kolonner fra en PDF-utpakket kostnadsfordeling — egen scroller så tabellen aldri sprenger 390 px.

SeksjonArealBrøkAndel
172 m²72/43016,7 %
295 m²95/43022,1 %
3118 m²118/43027,4 %

Sitatblokk og skillelinje

Et sitat fra en vedtekt eller et vedtak — brukes for tekst som siteres ordrett, ikke for vanlig brødtekst.

Vanlig avsnitt før sitatet.

Styret kan vedta forsvarlige tiltak for å opprettholde bygningens verdi og standard.

Avsnitt etter en vannrett skillelinje, med kode for en filsti eller et referansenummer.

Props

Sveip tabellen for å se hele innholdet

Navn
Type
Default
Beskrivelse
content *
string
Markdown-kildetekst i det støttede subsettet: overskrifter (##), fet/kursiv, lenker, lister, tabeller, sitat, kode og skillelinje.
className
string
Legges på rot-diven.

Beslektede komponenter