Artsdatabanken Designsystem

Artsdatabanken Designsystem er et sett med gjenbrukbare Web Components og design tokens som brukes på tvers av alle Artsdatabankens tjenester.

Hva er inkludert?

Web Components (<adb-button>, <adb-accordion>, osv.) — fungerer i Angular, React og Drupal uten wrappers
Ikonbibliotek (<adb-icon>) — optimiserte SVG-ikoner som arver farge via currentColor
Design tokens — farger, spacing og typografi som CSS-variabler
Mørk modus — innebygd støtte via prefers-color-scheme eller [data-theme="dark"]
Universell utforming — WCAG 2.1 AA som minimum

npm install @artsdatabanken/components

<script type="module">
  import '@artsdatabanken/components';
</script>

<adb-button variant="primary">Klikk meg</adb-button>

Primær

Fare

Sekundær

Tertiær