Docs
Result-page
Result Page
A component to display a result page with a status icon, title, and subtitle.
Success
Operation completed successfully
Error
An error occurred
Info
Additional information
Warning
Be cautious!
Custom Icon
This uses a custom icon component
Success
Operation completed successfully
Usage
Example Code
1import { ResultPage } from "inc-design-system/resultPage";Example Code
1 <ResultPage status="success" title="Success" subTitle="Operation completed successfully" />Props
ResultPage
| Prop | Type | Description | Default |
|---|---|---|---|
| status | "success" | "error" | "info" | "warning" | Optional. Status of the result page, which determines the icon displayed. | - |
| title | React.ReactNode | Optional. Title of the result page. | - |
| subTitle | React.ReactNode | Optional. Subtitle of the result page. | - |
| extra | React.ReactNode | Optional. Additional content to display below the title and subtitle. | - |
| icon | React.ReactNode | Optional. Custom icon to display instead of the default icon based on status. | - |
| size | number | Optional. Size of the icon. Overrides the default size. | - |
| titleFontSize | string | Optional. Font size of the title text. | '20px' |
| subTitleFontSize | string | Optional. Font size of the subtitle text. | '12px' |