Importimport { Result } from "antd"; |
Docs |
contributors
Use when important operations need to inform the user to process the results and the feedback is more complicated.
Common props ref：Common props
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| classNames | Customize class for each semantic structure inside the component. Supports object or function | Record<SemanticDOM, string> | (info: { props }) => Record<SemanticDOM, string> | - | |
| extra | Operating area | ReactNode | - | |
| icon | Custom back icon | ReactNode | - | |
| status | Result status, decide icons and colors | success | error | info | warning | 404 | 403 | 500 | info | |
| styles | Customize inline style for each semantic structure inside the component. Supports object or function | Record<SemanticDOM, CSSProperties> | (info: { props }) => Record<SemanticDOM, CSSProperties> | - | |
| subTitle | The subTitle | ReactNode | - | |
| title | The title | ReactNode | - |
| Token Name | Description | Type | Default Value |
|---|---|---|---|
| extraMargin | Margin of extra area | Margin<string | number> | undefined | 24px 0 0 0 |
| iconFontSize | Icon size | number | 72 |
| subtitleFontSize | Subtitle font size | number | 14 |
| titleFontSize | Title font size | number | 24 |