Skip to content

Commit 33ae0d0

Browse files
authored
Merge pull request #2569 from SpareBank1/improve-documentation
chore: Improve accordion documentation
2 parents ddc5156 + cb8fb41 commit 33ae0d0

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

packages/ffe-accordion-react/src/Accordion.mdx

+24
Original file line numberDiff line numberDiff line change
@@ -9,5 +9,29 @@ Accordion brukes der du har mye informasjon som du ønsker å gjøre tilgjengeli
99

1010
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.
1111

12+
## Installasjon
13+
14+
```bash
15+
npm install @sb1/ffe-accordion @sb1/ffe-accordion-react
16+
```
17+
18+
I prosjektets hovedstylingsfil importer stylingen
19+
20+
```less
21+
@import '@sb1/ffe-accordion/less/ffe-accordion';
22+
```
23+
24+
```tsx
25+
import { Accordion, AccordionItem } from '@sb1/ffe-accordion';
26+
27+
<Accordion {...args}>
28+
<AccordionItem heading="Tittel">Skjult innhold</AccordionItem>
29+
<AccordionItem heading={<span>Enda en tittel</span>}>
30+
Mer skjult innhold
31+
</AccordionItem>
32+
<AccordionItem heading="En siste tittel">Enda mer innhold</AccordionItem>
33+
</Accordion>;
34+
```
35+
1236
<Canvas of={AccordionStories.Standard} />
1337
<Controls of={AccordionStories.Standard} />

0 commit comments

Comments
 (0)