Hopp til innhold

Description­List

En definisjonsliste brukes gjerne til metadata eller begrepsdefinisjoner, for eksempel detaljer om et produkt eller en avtale kunden har.

EksemplerBrukUniversell utformingKode

Kom i gang

Installer
npm i @fremtind/jkl-description-list-react
Bruk
import { DescriptionList } from "@fremtind/jkl-description-list-react";



// Importer stilark via JavaScript med CSS-loader.

import "@fremtind/jkl-description-list/description-list.min.css";
React
Versjon
Dokumentasjon
Readme
Changelog

Live demo

DescriptionList
Visning
Tema
Tetthet
<DescriptionList>

  <DescriptionTerm>Dekning</DescriptionTerm>

  <DescriptionDetail>Kasko</DescriptionDetail>



  <DescriptionTerm>Egenandel</DescriptionTerm>

  <DescriptionDetail>2 000 kr for glass</DescriptionDetail>

  <DescriptionDetail>6 000 kr for øvrige skader</DescriptionDetail>



  <DescriptionTerm>Sjåfør under 23 år</DescriptionTerm>

  <DescriptionDetail>Nei</DescriptionDetail>

</DescriptionList>

React API

Her finner du en oversikt over props på komponentene i pakken.