Certificate Preview FAQ Block for React

Edit SHEETS for the tabs (an id, a label and the caption under the drawing), RESULTS for the transcript's rows, and QUESTIONS for the rows. The transcript's total is added up from RESULTS. Each drawing is a small component built from the theme's tokens: replace one with a screenshot of your real document if you prefer, and keep the caption as its text alternative.

No, they're built from our parts: a bordered sheet, bars standing for lines of text, a ring and an icon. They are decorative, hidden from assistive technology and not focusable, and the caption under each says in words what the document holds. They follow the theme, so they read in dark mode too.

They're a real tab list named "What you receive": the arrow keys move between them (mirrored in a right-to-left layout), Home and End jump to the first and last, and Tab moves on to the open panel. All three panels share one height, so switching never moves the questions below. Focusing a tab selects it, as on the other libraries.

Yes. The Accordion takes hiddenUntilFound and each tab panel keepMounted, so closed answers stay in the markup as hidden="until-found" and the other panels stay in the page, hidden.

Tab moves through the questions, into the open answer's tabs and on to the adviser link; Enter or Space opens a question. Tab moves from question to question.

It's a link (href="#"): point it at your admissions form or a mailto: address. It's an outline Button, because this block has no primary action. It renders the link it's given with render, with nativeButton={false}.