MediaCard

npm install @entur/layout

@import '@entur/layout/dist/styles.css';

Varianter

Horizontal

MediaCard er som standard i orientation="vertical", men om du ønsker å ha den i et horisontalt format bruk orientation="horizontal". I mobilvisning vil den alltid har i vertikalt format.

Retningslinjer

MediaCard er en skyggefull boks som viser innhold og handling om et emne. I motsetning til et vanlig Card, kan MediaCard inneholde video, bilde og grafikk for å forsterke innholdet. MediaCard gir et kort sammendrag av innholdet, og lenker videre til en ny side med ytterligere detaljer. Den skal være enkel å skanne etter relevant informasjon.

MediaCard kan for eksempel brukes som navigasjon til en artikkel eller bloggpost. Komponenten skal ha en beskrivende tekst under tittelen. Teksten bør være kort og konsis, på max 3 linjer.

Om du skal bruke illustrasjon som media bør den være enkel for best lesbarhet, for eksempel et dyr, en person eller et objekt. Unngå store og komplekse illustrasjoner med mange detaljer, som scener med flere elementer, bakgrunner eller kombinasjoner av mennesker, dyr og landskap.

Props

MediaCard

import { MediaCard } from '@entur/layout';

Denne komponenten har ingen props