From c44b1bc0173cee51e83e639c6347bf16dac0401b Mon Sep 17 00:00:00 2001
From: Barsnes <tobias.barsnes@digdir.no>
Date: Tue, 18 Jun 2024 14:58:30 +0200
Subject: [PATCH] more text on Bruk

---
 packages/react/stories/bruk.mdx | 37 +++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/packages/react/stories/bruk.mdx b/packages/react/stories/bruk.mdx
index b5aaec2d64..8e633c18dc 100644
--- a/packages/react/stories/bruk.mdx
+++ b/packages/react/stories/bruk.mdx
@@ -11,6 +11,7 @@ Under vil du finne:
 
 - [React](#react)
   - [Installasjon](#installasjon)
+  - [Sende props](#sende-props)
   - [SSR](#ssr)
 - [CSS](#css)
   - [Layers](#layers)
@@ -39,6 +40,42 @@ 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`.
 
+<br />
+
+## Sende props
+
+Når du sender inn props så vil disse bli lagt bakerst på komponenten.
+Dersom du sender inn funksjoner som `onClick`, og disse er i bruk fra før, vil disse bli kalt etter vår funksjon.
+
+Klassenavn vil også bli lagt bakerst.
+
+### Eksempel
+
+<CodeSnippet language='ts'>
+  {`
+  <Button className='my-class' onClick={() => console.log('my click')} data-attr="data">Click me</Button>
+`}
+</CodeSnippet>
+
+Vil bli til:
+
+<CodeSnippet language='ts'>
+  {`
+  <button 
+    className='ds-btn ... my-class' 
+    onClick={() => {
+      () => {} // vår funksjon
+      rest.onClick(); // logget til konsollen kommer her
+    }}
+    data-attr="data"
+  >
+    Click me
+  </button>
+`}
+</CodeSnippet>
+
+<br />
+
 ### SSR
 
 Alle våre komponenter er klient komponenter, og bruker `"use client"`.