Gå til hovedinnhold
KOMPONENTER

Contrast

Contrast er en invertert versjon av profilen vår og kan brukes for å skape et visuelt hierarki på siden.

Det fine med kontrastseksjoner er at man ikke trenger å tenke på hvordan de skal brukes. Du kan bare plassere dem rundt litt kode, og komponentene inni vil endre utseendet basert på CSS-variabler.

Det fine med kontrastseksjoner er at man ikke trenger å tenke på hvordan de skal brukes. Du kan bare plassere dem rundt litt kode, og komponentene inni vil endre utseendet basert på CSS-variabler.

Komponenter

Contrast

NavnTypePåkrevd?Beskrivelse
ref((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null
keystring | number

UseContrast

Denne komponenten har ingen props

Returnerer true om man er wrappet av en Contrast.

Retningslinjer for bruk

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.