Komponenter och kod har flyttat så det kan det vara lite stökigt här nu!

I april 2025 driftsattes en ny version av komponentbiblioteket som matchar Jordbruksverkets nya grafiska profil. Samtidigt har vi flyttat till en ny plattform, Storybook, där du hämtar kod till komponenterna. Där hittar du även layoutsystemet, färger, ikoner och typografi. Styleguide i Storybook - v22.1.17

Version 23.2.15

Version 23.2.15 innehåller nya funktioner för Multi-select och Banner samt en del felrättningar.

Nytt och förändrat

  • Multi-select: Länk till annan webbplats. Nytt attribut på multi-select som gör det möjligt att ta bort "Välj alla" checkboxen om man vill stänga av den funktionen, vi rekommenderar dock inte att plocka bort den om man inte måste.
  • Standard inställningar: Länk till annan webbplats. Vi har lagt in en ny sida under "Använda komponentbiblioteket" som beskriver vilka globala inställningar komponentbibliotek sätter, t.ex. bakgrundfärg, textstorlek, textfärg etc....
  • Banner: Länk till annan webbplats. Ny egenskap på banner som gör det möjligt enklare ändra ikonen på banner om man inte vill använda den ikonen som automatiskt sätts i komponenten.

Felrättningar


På gång i styleguiden

 Vi arbetar också med att samla in feedback på en ny pagineringskomponent samt att påbörja en undersökning av lämpliga automatiska kvalitetssäkringsverktyg att lägga till i vårt arbetsflöde.

Installera npm paket

npm install -save --save-exact @sjv/komponentbibliotek@23.2.15

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/23.2.15/package/dist/designsystem/designsystem.css" integrity="sha512-Bc74+Crhty9CwCU2FP0NZwbSmKNojV39+ojglMLRfCFlorYpJ1pCZmtklE3U63hJ3WvCiiCr/RGzdsIQHn+/yA==" crossorigin="anonymous">

Hämta JavaScript

<script src="https://cdn.jordbruksverket.se/designsystem/23.2.15/package/dist/designsystem/designsystem.esm.js" integrity="sha512-Voy7XgMwWr7vkzqd04f/7+UQdamlAgSNwUqjjWLcCKYcHBTurpzvRI7616dpUkY+EzSB/WGUiT/8YSbPYhFiKQ==" crossorigin="anonymous"></script>

Publicerad