用于显示一组与当前上下文相关的预定义的问题或建议。
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 | - | - |