Status |
|
|---|---|
| Figma | ✅Publisert |
| CSS | ✅Publisert |
| Vue | ✅Publisert |
| React | ✅Publisert |
| Dokumentasjon | ✅Publisert |
Om komponenten
En meldingsboks er en komponent som kan brukes fritt til å gi opplysninger og tilleggsinformasjon til brukeren. Du kan selv velge om du ønsker at den skal inneholde kun tekst eller lenker, bilder, punktlister m.m.
Varianter
Meldingsboksen kommer i fire varianter (skins) som har forskjellige farger: beige, grønn, blå og rød. Bruk de fargene som harmonerer best med din løsning eller innholdet i komponenten.
Slik bruker du komponenten
Komponenten har ingen bestemte retningslinjer for bruk, den kan fritt brukes til innhold du ønsker å gruppere. Ved å bruke komponenten kan du hjelpe brukerne med å visuelt skille mellom det som er relatert og det som ikke er det.
Unngå å bruke flere i forskjellige farger i samme løsning, da dette kan være forvirrende.
Viktig: Skal du gi brukeren et varsel om at noe er feil, informasjon om at noe mangler i et skjema eller gi dem en bekreftelse på at noe har blitt oppdatert, så skal du bruke Alert-komponenten.
Anatomi
- Bakgrunn
- Tittel
- Innhold
