CenteredPage

@/components/CenteredPage

Skallet for beboer-/leverandør-/feilflater UTENFOR innlogget app — full høyde, sentrert kolonne, valgfri logo øverst.

Når brukes den

Flater utenfor innlogget app: invitasjon, befaring, 404, databehandleravtale.
Eier KUN skallet — selve innholdet (Card, ikonbrikke, skjema, tekst) er fortsatt kallstedets ansvar via `children`.
Skru av `visLogo` når innholdet selv bærer merket (f.eks. en egen logo+tekst-rad) — to Frivio-merker på én liten side er duplisering.
Ikke bruk inni innlogget app — der er PageShell/PageHeader riktig skall.

Med logo

Standard: LogoMark øverst, innholdet (her et invitasjonskort) sentrert under.

Du er invitert til Blåbærveien 4

Innholdet (her: Card + IconTile) er kallstedets valg.

<CenteredPage maxBredde={420}>
  <Card>…</Card>
</CenteredPage>

Uten logo

Når innholdet selv bærer merket — f.eks. en egen logo+tekst-rad i en databehandleravtale.

Innholdet bærer merket selv — ingen dobbel logo øverst.

Sveip tabellen for å se hele innholdet

Navn

Type

Default

Beskrivelse

children *

ReactNode

—

Innholdet i den sentrerte kolonnen.

maxBredde

number

420

Maks-bredde på den sentrerte kolonnen i px.

visLogo

boolean

true

LogoMark øverst, over children. Sett false når innholdet selv bærer merket.

className

string

—

Ekstra klasser på rot-diven.