用于显示一组与当前上下文相关的预定义的问题或建议。
Prompts 组件用于显示一组与当前上下文相关的预定义的问题或建议。
:::demo 基础用法。
prompts/basic
:::
:::demo 要将 prompt 标记为禁用,请向 prompt 添加 disabled 属性。
prompts/disabled
:::
:::demo 使用 vertical 属性,控制 Prompts 展示方向。
prompts/flex-vertical
:::
:::demo 使用 wrap 属性,控制 Prompts 超出区域长度时是否可以换行。
prompts/flex-wrap
:::
:::demo 配合 wrap 与 styles 固定宽度展示。
prompts/flex-wrap-fixed
:::
:::demo 嵌套组合。
prompts/nest
:::
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| classNames | 自定义样式类名,用于各个提示项的不同部分 | Record | - | - |
| items | 包含多个提示项的列表 | PromptProps[] | - | - |
| prefixCls | 样式类名的前缀 | string | - | - |
| rootClassName | 根节点的样式类名 | string | - | - |
| styles | 自定义样式,用于各个提示项的不同部分 | Record | - | - |
| title | 显示在提示列表顶部的标题 | VNode | string | - | - |
| vertical | 设置为 true 时, 提示列表将垂直排列 |
boolean | false |
- |
| wrap | 设置为 true 时, 提示列表将自动换行 |
boolean | false |
- |
| onItemClick | 提示项被点击时的回调函数 | (info: { data: PromptProps }) => void | - | - |
| 插槽名 | 说明 |
|---|---|
| title | 显示在提示列表顶部的标题 |
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| children | 嵌套的子提示项 | PromptProps[] | - | - |
| description | 提示描述提供额外的信息 | VNode | string | - | - |
| disabled | 设置为 true 时禁用点击事件 |
boolean | false |
- |
| icon | 提示图标显示在提示项的左侧 | VNode | - | - |
| key | 唯一标识用于区分每个提示项 | string | - | - |
| label | 提示标签显示提示的主要内容 | VNode | string | - | - |