diff --git a/packages/react/stories/react-usage.mdx b/packages/react/stories/react-usage.mdx index a98c9e8faa..50660e1217 100644 --- a/packages/react/stories/react-usage.mdx +++ b/packages/react/stories/react-usage.mdx @@ -4,10 +4,32 @@ import { CodeSnippet } from '@doc-components'; -# Hvordan bruke React +# Bruk Introduksjon til bruk, regler og gotchas. +## Installasjon + +For å bruke Designsystemet i React, så må du installere `@digdir/designsystemet-react`. + + + {` +npm install @digdir/designsystemet-react +`} + + +Deretter kan du importere komponentene du trenger. + + +{` +import { Button } from '@digdir/designsystemet-react'; + + +`} + + +Alle komponentene som er tilgjengelige i Designsystemet er uten styling. Legg til styling ved å importere vår css pakke, `@digdir/designsystemet-css`. + ## SSR Alle våre komponenter er klient komponenter, og bruker `"use client"`.