Result
Result
Used to feedback the processing results of a series of operations.
Importimport{ Result }from"antd"; |
Sourcecomponents/result |
When To Use
Use when important operations need to inform the user to process the results and the feedback is more complicated.
Examples
Successfully Purchased Cloud Server ECS!
Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.
Show successful results.
Your operation has been executed
Show processing results.
There are some problems with your operation.
The result of the warning.
403
Sorry, you are not authorized to access this page.
you are not authorized to access this page.
404
Sorry, the page you visited does not exist.
The page you visited does not exist.
500
Sorry, something went wrong.
Something went wrong on server.
Submission Failed
Please check and modify the following information before resubmitting.
The content you submitted has the following error:
Your account has been frozen. Thaw immediately >
Your account is not yet eligible to apply. Apply Unlock >
Complex error feedback.
Great, we have done all the operations!
Custom icon.
API
Common props ref：Common props
| Property | Description | Type | Default |
|---|---|---|---|
| extra | Operating area | ReactNode | - |
| icon | Custom back icon | ReactNode | - |
| status | Result status, decide icons and colors | success | error | info | warning | 404 | 403 | 500 | info |
| subTitle | The subTitle | ReactNode | - |
| title | The title | ReactNode | - |
Design Token
Component TokenHow to use?
| Token Name | Description | Type | Default Value |
|---|---|---|---|
| extraMargin | Margin of extra area | undefined | Margin<string | number> | 24px 0 0 0 |
| iconFontSize | Icon size | number | 72 |
| subtitleFontSize | Subtitle font size | number | 14 |
| titleFontSize | Title font size | number | 24 |