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 12.0.0 är driftsatt

Den här versionen innehåller en ny komponent för modala fönster. Versionen innehåller också en ny funktion för radioknappar, brytande förändringar för tabeller och brödsmulor samt flera felrättningar.

Nytt och förändrat

Nya komponeter

  • Modala fönster

Nya funktioner i komponenter

  • Radioknappar: det går numera att visa valideringsfel i radioknappar.

Felrättningar

  • Utfällbara stycken: nu är stycket alltid stängt när användaren går in på sidan eller när sidan laddas om.
  • Textyta: nu går det att radbryta med hjälp av enterknappen i Firefox och Internet explorer.
  • Bifoga fil: det går numera att klicka på hela komponenten när man vill bifoga en fil.
  • Informationsmeddelnade: allt innehåll är numera vänstercentrerat.
  • Flikar: utseendet vid fokusering på små skärmar är tillrättat.
  • Multi-select: pilnavigeringen mellan valda alternativ är tillrättad.

Brytande förändringar

  • Tabell: allt textinnehåll i tableller är numera vänstercentrerat.
  • Brödsmulor: utseendet är förbättrat.

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/12.0.0/package/dist/release/sjv-komponentbibliotek.css" integrity="sha256-rWFx0l/v2RINpu/eqX79w9V8WIWUP9a25VHJ51cd/Tg=" crossorigin="anonymous">

Hämta JavaScript

 <script src="https://cdn.jordbruksverket.se/designsystem/12.0.0/package/dist/release/sjv-komponentbibliotek.js" integrity="sha256-MjJzMu4fnmWJ3uAoKiBJ0anVggDYD2HvZvK0hNFEBMQ=" crossorigin="anonymous"></script>

Publicerad