结果 Result - Ant Design

何时使用

当有重要操作需告知用户处理结果，且反馈内容较为复杂时使用。

代码演示

API

通用属性参考：通用属性

参数	说明	类型	默认值	版本
classNames	自定义组件内部各语义化结构的类名。支持对象或函数	Record<SemanticDOM, string> \| (info: { props }) => Record<SemanticDOM, string>	-
extra	操作区	ReactNode	-
icon	自定义 icon	ReactNode	-
status	结果的状态，决定图标和颜色	`success` \| `error` \| `info` \| `warning` \| `404` \| `403` \| `500`	`info`
styles	自定义组件内部各语义化结构的内联样式。支持对象或函数	Record<SemanticDOM, CSSProperties> \| (info: { props }) => Record<SemanticDOM, CSSProperties>	-
subTitle	subTitle 文字	ReactNode	-
title	title 文字	ReactNode	-

Semantic DOM

title

subTitle

The Content of Result

root
6.0.0
根元素，包含文本对齐、布局样式等基础容器样式
icon
6.0.0
图标元素，包含外边距、文本对齐、字体大小、状态颜色等图标样式
title
6.0.0
标题元素，包含字体大小、文字颜色、行高、对齐方式等文字样式
subTitle
6.0.0
副标题元素，包含字体大小、文字颜色、行高等文字样式
extra
6.0.0
操作区域元素，包含外边距、文本对齐、内部元素间距等布局样式
body
6.0.0
内容元素，包含外边距、内边距、背景色等内容区域样式

主题变量（Design Token）

组件 Token如何定制？

Token 名称	描述	类型	默认值
extraMargin	额外区域外间距	Margin<string \| number> \| undefined	24px 0 0 0
iconFontSize	图标大小	number	72
subtitleFontSize	副标题字体大小	number	14
titleFontSize	标题字体大小	number	24

全局 Token如何定制？