@sb1/ffe-system-message-react

Denne pakken er foreldet - Bruk ffe-messages-react i stedet.

Beskrivelse

Systemmelding-komponenter for feil, info, suksess og nyheter.

Installasjon

npm install @sb1/ffe-system-message-react @sb1/ffe-system-message

Eksporterte komponenter

| Komponent | Formaal | | ---------------------- | ------------------------------------- | | SystemErrorMessage | Vise feilmeldinger til brukeren | | SystemInfoMessage | Vise informasjonsmeldinger | | SystemSuccessMessage | Bekrefte at en handling var vellykket | | SystemNewsMessage | Vise nyheter eller oppdateringer |

Grunnleggende bruk

import { SystemErrorMessage, SystemInfoMessage } from '@sb1/ffe-system-message-react';

<SystemErrorMessage>Noe gikk galt.</SystemErrorMessage>
<SystemInfoMessage>Vi oppdaterer systemet klokken 22:00.</SystemInfoMessage>

Avanserte eksempler

Med onCloseRest callback

const [showMessage, setShowMessage] = useState(true);

{
    showMessage && (
        <SystemSuccessMessage onCloseRest={() => setShowMessage(false)}>
            Operasjonen var vellykket!
        </SystemSuccessMessage>
    );
}

Feilmelding uten umiddelbar opplesning

<SystemErrorMessage alert={false}>Det oppstod en feil.</SystemErrorMessage>

Avhengigheter

Krever CSS-stiler:

import '@sb1/ffe-system-message/less/ffe-system-message.less';

Tilgjengelighet

• SystemErrorMessage bruker role="alert" som standard
• Lukkeknappen har lokalisert aria-label

Utvikling

npm install && npm run build && npm start

Storybook kjorer pa http://localhost:6006/