Skip to content

Commit

Permalink
Merge pull request #2569 from SpareBank1/improve-documentation
Browse files Browse the repository at this point in the history
chore: Improve accordion documentation
  • Loading branch information
dagfrode authored Feb 24, 2025
2 parents ddc5156 + cb8fb41 commit 33ae0d0
Showing 1 changed file with 24 additions and 0 deletions.
24 changes: 24 additions & 0 deletions packages/ffe-accordion-react/src/Accordion.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,29 @@ Accordion brukes der du har mye informasjon som du ønsker å gjøre tilgjengeli

En accordion er bygget opp av to komponenter: `Accordion` og `AccordionItem`. Accordion-komponenten legges rundt alle AccordionItem's, for å gruppere og sette samme overskriftsnivå på alle.

## Installasjon

```bash
npm install @sb1/ffe-accordion @sb1/ffe-accordion-react
```

I prosjektets hovedstylingsfil importer stylingen

```less
@import '@sb1/ffe-accordion/less/ffe-accordion';
```

```tsx
import { Accordion, AccordionItem } from '@sb1/ffe-accordion';

<Accordion {...args}>
<AccordionItem heading="Tittel">Skjult innhold</AccordionItem>
<AccordionItem heading={<span>Enda en tittel</span>}>
Mer skjult innhold
</AccordionItem>
<AccordionItem heading="En siste tittel">Enda mer innhold</AccordionItem>
</Accordion>;
```

<Canvas of={AccordionStories.Standard} />
<Controls of={AccordionStories.Standard} />

0 comments on commit 33ae0d0

Please sign in to comment.