Version 7.0.0 är driftsatt

Version 7.0.0 innehåller bland annat en komponent för att ladda upp filer, en komponent för multitextfält, en ikon för språkval och rekommendationer för tooltip och sidfot. Versionen innehåller också en brytande förändring för utfällbara stycken samt några mindre felrättningar.

Nytt och förändrat

Nya komponenter

  • Komponent för att ladda upp filer.
  • Rekommendationer för tooltip. Vi har ingen egen komponent utan använder webbläsarnas egna.
  • Rekommendationer för sidfot. Vi har ingen egen komponent men ger förslag på till exempel utseendet.
  • Multitextfält, komponent för att kunna skriva flera fritextalternativ i samma fält.

Felrättningar

  • Single-select, justerat så att ikonen inte hamnar ovanpå texten i fältet.
  • Gjort flera små justeringar på flera komponenter, till exempel i mellanrummet mellan komponenter och radavståndet på etiketter.

Brytande förändringar

  • Ufällbara stycken, koden är omskriven så att du inte behöver ange ikonen utan den kommer med automatiskt om man använder JavaScript. Det utfällbara stycket innehåller också en ny funktion vilket innebär att den byter utseende om man använder komponenten i ett formulär.

Nya ikoner

  • En ikon för att välja språk, till exempel för att växla mellan svenska och engelska.

Övrigt

  • Du kan nu ladda om JavaScript för en enskild komponent och behöver inte längre ladda om hela styleguidens JavaScript.

Något du funderar över?

Hör av dig till styleguideteamet om du vill veta mer eller undrar över något. Du når oss på styleguide@jordbruksverket.se eller genom att komma förbi oss i landskapet i NO3. Vi gillar besök!

Hämta CSS

<link rel="stylesheet" href="https://cdn.jordbruksverket.se/designsystem/7.0.0/package/dist/release/sjv-komponentbibliotek.css" integrity="sha384-Za6Xn76Dfu+WDhBaw9yMV09bwh3EvApCQCYr0i+f1t5a25+rRIAWBAY3BYzMusZl" crossorigin="anonymous">

Hämta JavaScript

<script src="https://cdn.jordbruksverket.se/designsystem/7.0.0/package/dist/release/sjv-komponentbibliotek.js" integrity="sha384-O/ZjgH3tU7KiwXnlTveVpKOBfbbRV0wNKkqya8Y5i6KCS8k6QjiJOxlZCHabS2aV" crossorigin="anonymous"></script>

Publicerad