Result
Used to feed back the results of a series of operational tasks.
Install
npm install @arco-design/web-react@2.66.18
Import @arco-design/web-react/dist/css/arco.css at the entry and set the locale with ConfigProvider. React 19 projects must also import @arco-design/web-react/es/_util/react-19-adapter first, or imperative APIs such as Message and Modal cannot render.
Examples
- Success: Show successful results.
- Info: Show processing results.
- warning: The result of the warning.
- Error: Show failed results.
- '_403': You are not authorized to access this page.
- _404: The page does not exist.
- _500: Something went wrong on server.
- Custom icon: Custom icon.
- All features: All features.
Examples come from the official Arco Design repository (MIT) at the commit published as npm 2.66.18. Some use online images or upload endpoints; network requests are disabled in previews.
API
Result
| Property | Description | Type | DefaultValue |
|---|---|---|---|
| status | The result status, if null the icon and the background color will not be displayed. example | 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500' | null | info |
| extra | The operating area | ReactNode | - |
| icon | Customize the icon | ReactNode | - |
| subTitle | The subTitle | ReactNode | - |
| title | The title | ReactNode | - |
| className | Additional css class | string | string[] | - |
| style | Additional style | CSSProperties | - |