Welcome欢迎
Welcome
欢迎
清晰传达给用户可实现的意图范围和预期功能。
使用import { Welcome } from "@ant-design/x"; |
Ant Design X使用import { Welcome } from "@ant-design/x"; |
使用合适的欢迎推荐组件，可以有效降低用户学习成本，让用户快速了解并顺利开始。
基础用法。
通过 variant 属性设置样式变体。
自定义部分样式。
通用属性参考：通用属性
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 自定义样式类名，用于各个提示项的不同部分。 | Record<'icon' | 'title' | 'description' | 'extra', string> | - | - |
| description | 显示在提示列表中的描述。 | React.ReactNode | - | - |
| extra | 显示在提示列表末尾的额外操作。 | React.ReactNode | - | - |
| icon | 显示在提示列表前侧的图标。 | React.ReactNode | - | - |
| rootClassName | 根节点的样式类名。 | string | - | - |
| styles | 自定义样式，用于各个提示项的不同部分。 | Record<'icon' | 'title' | 'description' | 'extra', React.CSSProperties> | - | - |
| title | 显示在提示列表顶部的标题。 | React.ReactNode | - | - |
| variant | 变体类型。 | 'filled' | 'borderless' | 'filled' | - |
