Result

The whole page after an operation ends: a status drawing, a title, an explanation and what to do next.

Anotomy

Structure of the result and how its internal parts are composed. These are the result's semantic parts, so they are also what the classNames and styles objects accept.
Result anotomy
NameDescription
1rootThe centered block that holds every other part, with its padding.
2iconThe mark above the title. status picks it and its color, and icon replaces it. 403, 404 and 500 draw an illustration instead.
3titleWhat happened, from title. It renders in a div, so pass your own heading element when the result is the page.
4subTitleThe quieter sentence under the title, from subTitle.
5extraThe action row, from extra. An array of nodes needs a key on each.
6bodyThe tinted panel at the bottom, holding the result's children. It takes no space when there are none.