Kom i gang

Velkommen til Fundament – Et designsystem for Byggforskserien. Her finner du alt du trenger for å bygge tilgjengelige og konsistente digitale løsninger.

Hva er Fundament?

Fundament er et designssystem bygd på Designsystemet, tilpasset Byggforsk sine behov. Det inkluderer React-komponenter, styling og retningslinjer for å bygge tilgjengelige og konsistente digitale løsninger.

Systemet består av:

• Komponentbibliotek: Ferdige komponenter du kan bruke direkte
• Design tokens: Farger, typografi og avstand definert som CSS variabler
• Retningslinjer: Veiledning for bruk av komponenter og designmønstre

Installasjon

Installer Fundament-pakken i ditt prosjekt.

npm

npm install @byggforsk/fundament

yarn

yarn add @byggforsk/fundament

pnpm

pnpm add @byggforsk/fundament

Avhengigheter: Fundament krever React 18+.

Sett opp CSS

Importer CSS-filene i din applikasjon (f.eks. i main.tsx eller App.tsx).

import "@byggforsk/fundament/styles.css";

Design-tokens lastes automatisk fra @byggforsk/fundament.

Bruk ikoner

Hvis du trenger ikoner → Ikoner