Result
Komponentti erilaisten lopputulosten ilmoittamiseen.
Komponentti erilaisten lopputulosten ilmoittamiseen.
Result-komponenttia käytetään erilaisissa ilmoitustilanteissa. Komponentilla voidaan ilmoittaa esimerkiksi asiakaspolun tai monivaiheisen prosessin lopputulos. Komponenttia voi käyttää ilmoittamaan, että sivun lataaminen epäonnistui, palvelua päivitetään tai hakemuksen vastaanottaminen onnistui. Ilmoitustyyppejä on neljä erilaista, joista jokaisella on käyttötarkoitukseen sopiva kuvitus.
Komponentti lisää automaattisesti attribuutin role="alert"
ruudunlukijaa varten.
Komponentin sisältöjen tulee olla ymmärrettäviä, vaikka käyttäjä ei näkisi ilmoituksen väriä ja kuvitusta. Resultin otsikko
on oletuksena h2
-elementti. Otsikkoelementtiä voi muuttaa sivun rakenteeseen sopivaksi titleAs
-propilla.
Käytä lisätieto-tyyppistä ilmoitusta kuvaamaan huomionarvoista tilaa tai toiminnon lopputulosta, joka on sävyltään neutraali. Tätä voit käyttää myös viestimään siitä, että näytettävää sisältöä ei ole (ns. empty state). Voit esimerkiksi ilmoittaa asioinnin sivulla, että näytettäviä asioita ei ole.
Käytä onnistumisilmoitusta korostamaan asiakkaan kannalta tärkeän toiminnon tai prosessin onnistumista, kuten hakemuksen onnistunutta lähettämistä.
Käytä varoittavaa ilmoitusta, kun asiakkaan prosessi päätyy tilanteeseen, joka saattaa tilapäisesti hidastaa tai vaikeuttaa asiointia. Voit esimerkiksi ilmoittaa suunnitellusta huoltokatkosta.
Käytä kriittistä ilmoitusta silloin, kun haluat viestiä lopputuloksen epäonnistumisesta tai muusta ennakoimattomasta virhetilanteesta. Voit esimerkiksi ilmoittaa, jos hakemuksen lähetyksessä on tapahtunut virhe.