Hoppa till huvudinnehåll

Använda Midas

Designer​

För dig som designar gränssnitt finns UI-kit till Figma och Adobe XD. De innehåller färdiga designkomponenter och layoutmallar som följer Migrationsverkets digitala stil och grafiska profil.

UI-kit i Figma

Ladda ner UI-kit till Adobe XD (version 22)

Utvecklare​

Installera komponentbiblioteket:

npm install @midas-ds/components

Importera och använd komponent​

Generellt, importera och använd direkt:

import { Component } from '@midas-ds/components';
...
<Component/>

För specifika instruktioner, se respektive komponent.

Uppgradera från tidigare version​

Senaste ändringar och eventuella instruktioner för migrering hittas på release notes. Det finns också en mer detaljerad changelog för varje release.

Installera Inter som typsnitt​

Detta är ett rekommenderat sätt att installera vårt typsnitt Inter.

App.tsx (rootfilen i din app)
import '@midas-ds/components/global.css'

export default function App({ children }) {
  return <main>{children}</main>
}

export default App

Det går självklart att använda andra metoder så länge vikterna 400, 500 och 600 inkluderas samt att det importerade typsnittet heter just "Inter" för att komponenterna ska ta användning av det.

Mer info finns på GitHub samt under guider

Rapportera buggar eller förslag till nya features​

Hittat en bugg eller förbättringsmöjlighet? Det går utmärkt att skapa ärenden via github issues. Det går naturligtvis också bra att kontakta MIDAS-teamet via alla de normala kontaktvägarna. Alla synpunkter är välkomna!