Logo
Logotyp
På webbsida och e-tjänster ska Migrationsverkets officiella logotyp, den röda bron tillsammans med namnet, finnas.
Installation
- npm
- Yarn
- pnpm
npm install @midas-ds/components
yarn add @midas-ds/components
pnpm add @midas-ds/components
import { Logo } from '@midas-ds/components'
Varianter
Logotypen finns i fyra olika storlekar (xsmall, small, medium och large) samt med eller utan bakgrund. X-small skiljer sig från de andra då det endast är ett M. Den används när skärmstorleken är mindre än 380px för spara plats i headern.
X-small
Small
Medium
Large
Logotyp i SVG-format
För de fall där komponenten inte kan användas tilhandahåller vi även logotypen som SVG. I paketet finns två SVG-filer, en med logotypen och en med bara M:et för små skärmar.
Ladda ner logotypen som SVG (komprimerad fil)
API
| Namn | Typ | Standard | Beskrivning |
|---|---|---|---|
| primary | boolean | true | Display logo in primary color, set to false for monochrome/dark version of the logo |
| size | "small" | "x-small" | "medium" | "large" | medium | Specify logo size |
| background | boolean | false | Display background fill using selected primary or dark color |
| padding | boolean | true | There must be whitespace around the logo. By disabling our built in padding you must add at least an equal amount yourself. |