contributors
- Components Overview
- Changelogv6.1.4
- General
- Layout
- Navigation
- Data Entry
- Data Display
- Feedback
- Other
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 |
Show successful results.
Show processing results.
The result of the warning.
you are not authorized to access this page.
The page you visited does not exist.
Something went wrong on server.
Complex error feedback.
Custom icon.
You can customize the semantic dom style of Result by passing objects/functions through classNames and styles.
