README
@fremtind/jkl-description-list-react
Beskrivelse
Se portalen for bruk og prinsipper.
Kom i gang
Lær hvordan du kan ta i bruk Jøkul
Installasjon
Installér pakken med
yarn add @fremtind/jkl-description-list-react
ellernpm i @fremtind/jkl-description-list-react
. Stil-pakken blir automatisk installert som en avhengighet.Importer React-pakken (velg komponenten(e) du trenger):
import { DescriptionList, DescriptionTerm, DescriptionDetail } from "@fremtind/jkl-description-list-react";
Bruk
Komponenten tar følgende props:
className
: Om man ønsker å gjøre noen visuelle justeringer, kan man sende inn en className. Vær obs på å bruke denne da det er meninga at man skal bruke komponenten slik som den er.
En enkel bruk av denne lista kan se slik ut:
<DescriptionList>
<DescriptionTerm>Forsikringer</DescriptionTerm>
<DescriptionDetail>SAGA Dødsrisiko Grunndekning Hovedforsikret</DescriptionDetail>
<DescriptionDetail>SAGA Dødsrisiko Grunndekning Hovedforsikret</DescriptionDetail>
<DescriptionDetail>SAGA Dødsrisiko Grunndekning Hovedforsikret</DescriptionDetail>
<DescriptionDetail>SAGA Dødsrisiko Grunndekning Hovedforsikret</DescriptionDetail>
<DescriptionDetail>SAGA Dødsrisiko Grunndekning Hovedforsikret</DescriptionDetail>
<DescriptionTerm>Mat</DescriptionTerm>
<DescriptionDetail>Sushi</DescriptionDetail>
<DescriptionDetail>Carbonara</DescriptionDetail>
</DescriptionList>