Welcome
Welcome
Clearly convey the scope of intent and expected functionality to the user.
Importimport { Welcome } from "@ant-design/x"; |
Sourcecomponents/welcome |
Docs |
Ant Design XImportimport { Welcome } from "@ant-design/x"; |
Sourcecomponents/welcome |
Docs |
Use the appropriate welcome recommendation component to effectively reduce the user's learning cost and allow the user to quickly understand and start smoothly.
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| classNames | Custom style class names for different parts of each prompt item. | Record<'icon' | 'title' | 'description' | 'extra', string> | - | - |
| description | The description displayed in the prompt list. | React.ReactNode | - | - |
| extra | The extra operation displayed at the end of the prompt list. | React.ReactNode | - | - |
| icon | The icon displayed on the front side of the prompt list. | React.ReactNode | - | - |
| rootClassName | The style class name of the root node. | string | - | - |
| styles | Custom styles for different parts of each prompt item. | Record<'icon' | 'title' | 'description' | 'extra', React.CSSProperties> | - | - |
| title | The title displayed at the top of the prompt list. | React.ReactNode | - | - |
| variant | Variant type. | 'filled' | 'borderless' | 'filled' | - |
Basic usage.
Set the style variant through the variant property.
Customize part of the style.
