# Prompts 提示集 用于显示一组与当前上下文相关的预定义的问题或建议。 ## 何时使用 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 ::: ## API ### PromptsProps | 属性 | 说明 | 类型 | 默认值 | 版本 | | --- | --- | --- | --- | --- | | 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 | - | - | #### SemanticType ```typescript | pure type SemanticType = 'list' | 'item' | 'content' | 'title' | 'subList' | 'subItem'; ``` ### Prompts Slots | 插槽名 | 说明 | | --- | --- | | title | 显示在提示列表顶部的标题 | ### PromptProps | 属性 | 说明 | 类型 | 默认值 | 版本 | | ----------- | ---------------------------- | --------------- | ------- | ---- | | children | 嵌套的子提示项 | PromptProps[] | - | - | | description | 提示描述提供额外的信息 | VNode \| string | - | - | | disabled | 设置为 `true` 时禁用点击事件 | boolean | `false` | - | | icon | 提示图标显示在提示项的左侧 | VNode | - | - | | key | 唯一标识用于区分每个提示项 | string | - | - | | label | 提示标签显示提示的主要内容 | VNode \| string | - | - | ## Semantic DOM ## 主题变量(Design Token)