快速选择
快速选择是执行操作和接收用户输入的一种简单方法。这在选择配置选项、需要筛选内容或从项目列表中进行选择时很有用。
✔️ 建议
- 使用图标进行清晰的隐喻
- 使用经过深思熟虑的图标，它们能增加清晰度并帮助区分项目
- 使用描述来显示当前项目（如果适用）
- 使用详细信息提供（简要）额外上下文
- 对一系列基本输入使用多步模式
- 在从列表中选择时提供创建新项目的选项（如果适用）
- 为多步快速选择使用标题
- 为没有文本输入的快速选择使用标题
- 为要求文本输入的快速选择使用标题（使用占位符显示提示或示例）
- 为具有全局按钮的快速选择使用标题（例如刷新图标）
❌ 不建议
- 重复现有功能
- 当占位符本身可以描述用途时使用标题
- 使用没有占位符的输入
多个步骤
快速选择可以配置为包含多个步骤。当您需要在单个流程中捕获相关但独立的选择时，请使用它们。避免将快速选择用于包含许多步骤的长流程——它们不适合用作向导或类似复杂的体验。
请注意快速选择标题中的“1/3”文本，它指示流程中的当前步骤和总步骤数。
多项选择
使用多选快速选择来选择在一步中需要选择的紧密相关的选项。
标题
快速选择还可以配置为在主输入和选择 UI 上方显示标题栏。当用户需要更多上下文来进行选择时，请使用标题。避免使用快速选择输入占位符中已使用的标签作为标题。
使用分隔符
快速选择项目可以使用快速选择分隔符分组为清晰的部分。这些分隔符具有分隔线和标签，可以清晰地显示部分。如果扩展功能包含包含多个明显选择组的快速选择，请使用分隔符。
