diff --git a/apps/storefront/pages/monstre/systemvarsler.mdx b/apps/storefront/pages/monstre/systemvarsler.mdx new file mode 100644 index 0000000000..dad00dc9ce --- /dev/null +++ b/apps/storefront/pages/monstre/systemvarsler.mdx @@ -0,0 +1,46 @@ +import { Card, Heading, Paragraph } from '@digdir/designsystemet-react'; + +import { Meta, Image } from '@components'; +import { MenuPageLayout } from '@layouts'; + + + +export default ({ children }) => ( + +); + + + + *Retningslinjene er under arbeid fra 5. juni 2024 i en tverretatlig arbeidsgruppe med deltakere fra Digdir, Nav, Skatt, Brreg, Politiet, KS DIF og Oslo kommune. Alle er velkommen til å påvirke arbeidet i [Github](https://github.com/digdir/designsystemet/discussions/2083) eller i [#Mønster-kanalen](https://designsystemet.slack.com/archives/C05RBGB92MC/p1712751837722749) på [Slack](https://join.slack.com/t/designsystemet/shared_invite/zt-2438eotl3-a4266Vd2IeqMWO8TBw5PrQ). + + + + +Systemvarsler brukes for å varsle brukeren enten om feil i systemet eller holde dem informert om viktige ting de bør få med seg. Vi bruker dem til feil som ikke tilhører et skjemaelement, og som ikke validerer brukerens inndata. De bør derfor ha et annet utseende enn [brukerutløste feil](/monstre/feilmeldinger). + +Systemvarsler kan for eksempel komme i form av [`alert`](https://storybook.designsystemet.no/?path=/docs/komponenter-alert--docs), `toast`, [`modal`](https://storybook.designsystemet.no/?path=/docs/komponenter-modal--docs) eller [`popover`](https://storybook.designsystemet.no/?path=/docs/komponenter-popover--docs). + +Eksempler på varsler: + +- Tjenesten vår er dessverre nede, men vi jobber med saken. Prøv igjen om litt. Hvis du fortsatt har problemer, kan du ta kontakt med oss. +- Det kan se ut som du ikke er koblet til internett. Sjekk tilkoblingen din og prøv igjen. +- Tjenesten vil være nede onsdag 24. juni 2029 mellom klokken 04-06. +- Du har nå tatt i bruk den nyeste versjonen av tjenesten. Du kan bytte tilbake til den gamle versjonen ved å klikke her. +- Du har ikke foretatt deg noe på en stund, og påloggingen er i ferd med å utløpe. Du vil bli logget ut om 5 minutter. Arbeidet ditt er lagret. +- Er du sikker på at du vil avbryte nå? Du kan miste arbeidet du allerede har gjort. diff --git a/apps/storefront/siteConfig.tsx b/apps/storefront/siteConfig.tsx index 2df9d6e381..0b4e4d2b4d 100644 --- a/apps/storefront/siteConfig.tsx +++ b/apps/storefront/siteConfig.tsx @@ -151,6 +151,7 @@ export const SiteConfig = { url: 'monstre', children: [ { + name: 'Ferdig', name: 'Ferdig', url: 'monstre/brukeroppgaver', children: [ @@ -164,6 +165,28 @@ export const SiteConfig = { }, ], }, + { + name: 'Kommende', + url: 'monstre/skjema', + children: [ + { + name: 'Systemvarsler *', + url: 'monstre/systemvarsler', + }, + { + name: 'Dato', + url: 'monstre/dato', + }, + { + name: 'Obligatoriske felt *', + url: 'monstre/obligatoriske-og-valgfrie-felt', + }, + { + name: 'Feilmeldinger *', + url: 'monstre/feilmeldinger', + }, + ], + }, { name: 'Kommende', url: 'monstre/skjema',