Contrast

npm install @entur/layout

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

Retningslinjer

Contrast er en invertert versjon av profilen vår og kan brukes for å skape et visuelt hierarki på siden. Forskjeller tiltrekker blikket og Contrast gir oss muligheten å presentere et oppsett på en måte som informerer brukene om hvilke handlinger og interaksjoner som er viktige, og hvilke som er sekundære.

Contrast er en effektiv måte å gi fokus på bestemte elementer i designet og for å fange brukernes oppmerksomhet. Riktig bruk av Contrast på ulike seksjoner kan være et effektfullt grep som kan bidra til intuitiv navigering og mer brukervennlig side. I tillegg kan Contrast seksjoner redusere mengden lys, som gjør det lettere for øynene å se på skjermen. Contrast kan også forbedre lesbarheten på avstand og ved ulike lysforhold.

Props

Contrast

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

Denne komponenten har ingen props

UseContrast

Returnerer true om man er wrappet av en Contrast.

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