synthetic
Result
The outcome of a flow.
Outcome pagesSuccess, error, info
Export sent
14 shifts are with Leo Santos.
Export failed
The depot list has no postcodes.
Awaiting approval
Maya Chen will review by Thursday.
Published
No access
Ask Maya Chen.
Nothing to export
In context
Rota exportThe end of a flow on a phone
Rota export
Sent to Leo
14 shifts, week of 21 Oct.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
status | ResultStatus | undefined | No | info |
title | ReactNode | Yes | — |
subTitle | ReactNode | No | — |
extra | ReactNode | No | — |
className | string | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
Accessibility
The status icon is an inline SVG marked aria-hidden="true"; the title and subtitle alone say what happened, so write them that way.
data-rebar-* attributes
data-rebar-component="result", data-rebar-status, data-rebar-part="icon" | "title" | "subtitle" | "extra" | "content".
Migrating to Ant Design
AntD's Result accepts the same status/title/subTitle/extra shape, plus HTTP-code statuses ("404", "403", "500") this component does not have.