# Result

- Page: https://jiguang132.com/resources/arco-design/docs/result
- Resource: Arco Design (https://jiguang132.com/resources/arco-design.md)
- All guides: https://jiguang132.com/resources/arco-design/docs.md

Used to feed back the results of a series of operational tasks.

## Install

```bash
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](/react/en-US/components/result#custom-icon)|'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 |`-`|

---

Index of all JGuang resources: https://jiguang132.com/llms.txt