ResumeBanner

Purpose

What a wizard found when it reopened on a page already judged: answers kept, elements gone, answers to review, in one sentence before the first question.

When to use, when not

Use it above the body of a wizard that resumed. Not when nothing was resumed; the wizard renders nothing then.

Anatomy

1. The summary line: the drawing, “Reprise :”, the sentence.
2. The note, when the vanished answers need explaining.

Props

Props of ResumeBanner

Name	Type	Default	What it does
summary	string		The sentence: "3 réponses reprises, 1 élément à revérifier."
alert?	boolean	false	Something needs the auditor: an element gone, an answer to review.
note?	string | undefined		A second sentence, when there is one: what the vanished answers still count for.
class?	string	''	Layout classes only.

States

Answers taken over, and an alert with a note.

alert

Something needs the auditor: the warning drawing, and the note about vanished elements.

Light

Reprise : 3 réponses reprises, 1 élément disparu, 1 à revérifier.

Les réponses des éléments disparus sont conservées et comptent toujours dans le statut du critère : une modale fermée ne retire pas un contenu de la page. Pour l’en sortir vraiment, dérogez-le.

Dark

Reprise : 3 réponses reprises, 1 élément disparu, 1 à revérifier.

Les réponses des éléments disparus sont conservées et comptent toujours dans le statut du critère : une modale fermée ne retire pas un contenu de la page. Pour l’en sortir vraiment, dérogez-le.

320 px, light

Reprise : 3 réponses reprises, 1 élément disparu, 1 à revérifier.

Les réponses des éléments disparus sont conservées et comptent toujours dans le statut du critère : une modale fermée ne retire pas un contenu de la page. Pour l’en sortir vraiment, dérogez-le.

320 px, dark

Reprise : 3 réponses reprises, 1 élément disparu, 1 à revérifier.

Les réponses des éléments disparus sont conservées et comptent toujours dans le statut du critère : une modale fermée ne retire pas un contenu de la page. Pour l’en sortir vraiment, dérogez-le.

216 px, light

Reprise : 3 réponses reprises, 1 élément disparu, 1 à revérifier.

Les réponses des éléments disparus sont conservées et comptent toujours dans le statut du critère : une modale fermée ne retire pas un contenu de la page. Pour l’en sortir vraiment, dérogez-le.

Forced colours, captured

resumed

Light

Reprise : 3 réponses reprises sur 5 éléments.

Dark

Reprise : 3 réponses reprises sur 5 éléments.

320 px, light

Reprise : 3 réponses reprises sur 5 éléments.

320 px, dark

Reprise : 3 réponses reprises sur 5 éléments.

216 px, light

Reprise : 3 réponses reprises sur 5 éléments.

Forced colours, captured

Accessibility contract

• Role and name: a block of text; not a live region, since it is part of the screen that just opened and the screen’s heading announces the change.
• Keyboard, focus: none.
• Live regions: none.

Content rules

French; the sentence is the resume module’s, with counts and words: “3 réponses reprises, 1 élément à revérifier”.

Do and don’t

• Do keep the note for the case it explains: vanished elements whose answers still count.
• Do not use it for an error saving an answer; that is an Alert.

Examples

<ResumeBanner summary="3 réponses reprises, 1 élément disparu." alert note="Les réponses des éléments disparus comptent toujours dans le statut du critère." />

Surfaces

• Extension: every inventory wizard.

Related

WizardFrame, ReviewFlag, JumpList.

Decisions

• 2026-09-26: the drawing comes from the icon set (warning, or the return arrow) where the old banner drew glyphs a reader spelt out.

Criteria held by construction

• 3.1, Dans chaque page web, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
  The alert is a drawing and a sentence that says what needs the auditor; the attention ink on the drawing never carries alone.

Tokens it reads

• Colour: --rl-attention, --rl-ink, --rl-ink-soft, --rl-line, --rl-sunken
• Typography: --rl-text-sm
• Spacing: --rl-space-1, --rl-space-2, --rl-space-4
• Layout: --rl-border