Skip to content

Commit

Permalink
more text on Bruk
Browse files Browse the repository at this point in the history
  • Loading branch information
Barsnes committed Jun 18, 2024
1 parent 00d4275 commit c44b1bc
Showing 1 changed file with 37 additions and 0 deletions.
37 changes: 37 additions & 0 deletions packages/react/stories/bruk.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ Under vil du finne:

- [React](#react)
- [Installasjon](#installasjon)
- [Sende props](#sende-props)
- [SSR](#ssr)
- [CSS](#css)
- [Layers](#layers)
Expand Down Expand Up @@ -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"`.
Expand Down

0 comments on commit c44b1bc

Please sign in to comment.