Använda Midas
Designer
För dig som designar gränssnitt finns ett UI-kit till Adobe XD. Det innehåller färdiga designkomponenter och layoutmallar som följer Migrationsverkets digitala stil och grafiska profil.
- Här kan du ladda ner vårt UI-kit till Adobe XD (version 17)
- Om du inte har Adobe XD kan se hur komponenterna ser ut via onlineversionen
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. Det går självklart att använda andra metoder så länge vikterna 400, 500 och 600 inkluderas.
App.tsx (rootfilen i din app)
import '@midas-ds/components/global.css'
export default function App({ children }) {
return <main>{children}</main>
}
export default App