何时使用

代码演示

基本

不可用状态

纵向展示

可换行

嵌套组合

API

Prompts 提示集

用于显示一组与当前上下文相关的预定义的问题或建议。

使用

源码

components/prompts

文档

编辑此页

何时使用#

Prompts 组件用于显示一组与当前上下文相关的预定义的问题或建议。

代码演示#

✨ Inspirational Sparks and Marvelous Tips

Ignite Your Creativity

Got any sparks for a new project?

Uncover Background Info

Help me understand the background of this topic.

Efficiency Boost Battle

How can I work faster and better?

Tell me a Joke

Why do not ants get sick? Because they have tiny ant-bodies!

Common Issue Solutions

How to solve common issues? Share some tips!

基本

基础用法。

      加载中

☕️ It's time to relax!

Task Completion Secrets

What are some tricks for getting tasks done?

Time for a Coffee Break

How to rest effectively after long hours of work?

不可用状态

要将 prompt 标记为禁用，请向 prompt 添加 nxDisabled 属性。

      加载中

🤔 You might also want to ask:

How to rest effectively after long hours of work?

What are the secrets to maintaining a positive mindset?

How to stay calm under immense pressure?

纵向展示

使用 nxVertical 属性，控制 Prompts 展示方向。

      加载中

🤔 You might also want to ask:

Got any sparks for a new project?

Help me understand the background of this topic.

How to solve common issues? Share some tips!

How can I work faster and better?

What are some tricks for getting tasks done?

How to rest effectively after long hours of work?

What are the secrets to maintaining a positive mindset?

How to stay calm under immense pressure?

可换行

使用 nxWrap 属性，控制 Prompts 超出区域长度时是否可以换行。

      加载中

Do you want?

Hot Topics

What are you interested in?

What's new in X?

What's AGI?

Where is the doc?

Design Guide

How to design a good product?

Know the well

Set the AI role

Express the feeling

Start Creating

How to start a new project?

Fast Start

Install Ant Design X

Online Playground

Play on the web without installing

嵌套组合

嵌套组合。

      加载中

API#

nx-prompts#

Property	Description	Type	Default
`[nxItems]`	包含多个提示项的列表	`NxPrompt[]`	-
`[nxTitle]`	显示在提示列表顶部的标题	`string`	-
`[nxVertical]`	设置为 true 时, 提示列表将垂直排列	`boolean`	`false`
`[nxWrap]`	设置为 true 时, 提示列表将自动换行	`boolean`	`false`
`(nxItemClick)`	提示项被点击时的回调函数	`EventEmitter<{ data: PromptProps }>`	-

interfaces#

NxPrompt#

Property	Description	Type	Default
`key`	唯一标识用于区分每个提示项	`string`	-
`disabled`	设置为 true 时禁用点击事件	`boolean`	`false`
`icon`	提示图标显示在提示项的左侧	`string`	-
`label`	提示标签显示提示的主要内容	`string`	-
`description`	提示描述提供额外的信息	`string`	-
`children`	嵌套的子提示项	`NxPrompts[]`	-