Result

Used to feedback the processing results of a series of operations.

When to use

Use when important operations need to inform the user to process the results and the feedback is more complicated.

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.

Result are exported from @ceebee/ui/client.

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>`	`-`	6.0.0
`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>`	`-`	6.0.0
`subTitle`	The subTitle	`ReactNode`	`-`	—
`title`	The title	`ReactNode`	`-`	—