Hoppa till huvudinnehåll

Använda Midas

Designer​

För dig som designar gränssnitt finns två UI-kit till Adobe XD, ett för ljust och ett för mörkt tema. De innehåller färdiga designkomponenter och layoutmallar som följer Migrationsverkets digitala stil och grafiska profil. Om du inte har Adobe XD har vi onlineversioner för både ljust och mörkt tema.

Här kan du ladda ner våra UI-kit till Adobe XD (version 20)

Utvecklare​

Installera komponenter via 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 specfika instruktioner, se respektive komponent.

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!