Installasjon

npm

npm install @artsdatabanken/components

Bare tokens (uten komponenter)

npm install @artsdatabanken/tokens

@import '@artsdatabanken/tokens';

Angular

import '@artsdatabanken/components';
// Legg til CUSTOM_ELEMENTS_SCHEMA i modulen eller standalone-komponenten

React 19+

import '@artsdatabanken/components';

export function MyComponent() {
  return <adb-button variant="primary">Lagre</adb-button>;
}

Drupal + Vite

// I ditt Vite-entry:
import '@artsdatabanken/components';

CDN (uten npm)

Last inn tokens og komponenter direkte fra en CDN-URL — ingen build-steg nødvendig.

<!-- 1. Design tokens (CSS-variabler) -->
<link rel="stylesheet" href="https://cdn.example.com/@artsdatabanken/tokens@latest/tokens.css" />

<!-- 2. Web Components (inkluderer Lit) -->
<script type="module" src="https://cdn.example.com/@artsdatabanken/components@latest/cdn/adb-components.js"></script>

<!-- 3. Bruk som vanlig HTML -->
<adb-button variant="primary">Lagre</adb-button>

CDN-URL-er oppdateres når dedikert CDN-hosting er valgt. Foreløpig kan filene hentes fra dist/ i repo-et.

Versjonering

Endring	Bump
Ny komponent / ny prop (bakoverkompatibel)	minor
Feilretting / visuell justering	patch
Prop eller token omdøpt/fjernet	major