Button

让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。

在页面顶部或关键上下文中告知维护、政策、活动或高优先级变化。

用请求、参数、代码和结果说明 API 或技术能力如何被正确使用。

对比变化前后的视觉或结果，帮助用户理解产品、服务或过程价值。

围绕实时或异步消息组织对话、参与者、上下文和输入动作。

总结商品、价格、地址、支付和风险信息，支持用户完成交易。

允许用户在内容对象下阅读、发表和回复讨论，并处理审核和空状态。

按维度对比产品、方案、服务或决策选项，帮助用户减少记忆和来回跳转。

让用户提出问题、请求支持或找到合适的联系渠道。

解释 Cookie、追踪和隐私选择，并让用户能接受、拒绝或细化设置。

让用户查看、分组和修改非必要 Cookie、追踪或隐私权限。

在页面节点提供清晰的下一步行动、利益说明和低摩擦入口。

收集最少需求并预约产品、服务或销售演示。

说明目标、进展和资金用途，并提供低摩擦的捐赠或支持入口。

提供活动信息、报名字段、名额、费用和确认提醒。

在表单或任务提交后确认结果、解释后续处理并提供下一步入口。

用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。

让用户输入假设并即时获得可解释的估算、比较或结果。

收集完成转化所需的最少信息，并提供明确的价值交换和提交反馈。

提供登录、注册、身份恢复或切换账户的入口与恢复路径。

用视频、动图或交互预览解释产品如何工作及其关键体验。

以低承诺方式收集邮箱并持续提供内容、产品或活动更新。

将较大的结果集合拆分成可控制的批次，并让用户继续浏览。

把方案、价格、权益、限制和选择动作放在同一比较结构中。

用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。

按选项、约束和价格反馈组合或定制一个产品、方案或服务。

提供可下载、可保存或可继续阅读的资源，并说明格式、价值和限制。

让用户保存、下载、复制、导出或分享当前结果与内容。

让用户把页面、结果、资源或邀请以适合目标渠道的方式分享出去。

以问卷、评分或开放反馈收集用户意见，并说明提交后的处理方式。

让用户输入、配置或上传工具任务所需的信息。

呈现工具计算、转换、生成或分析后的结果、解释和下一步动作。

用短视频展示产品、服务或操作流程，并提供字幕、摘要和替代路径。

在产品或活动尚未开放时收集兴趣、说明预期并提供状态更新。

围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。

用于触发操作、执行命令、提交动作和切换控制的组件。

按钮的主要可读文本

按钮前置的图标插槽

提交中或处理中显示的加载提示

提示可用键盘快捷键的辅助内容

按钮后置的图标插槽

组件正在被按下或触发的瞬时状态。

组件正在处理任务，暂时不应接受重复操作的状态。

减少间距以适配高密度工作台的变体。

默认状态，组件可被使用但没有额外交互反馈。

操作可能删除、覆盖或造成不可逆影响的强调变体。

组件暂时不可操作的状态。

在局部上下文中增强视觉强调的变体。

以实色表面表达层级和可操作性的变体。

键盘或其他输入方式当前定位到组件的状态。

无持续边框或填充、依靠交互反馈表达的变体。

指针悬停在可交互目标上的状态。

适合主要任务、触屏和强调场景的大尺寸变体。

组件正在等待异步结果的状态。

适用于大多数场景的默认尺寸变体。

以边框为主要容器或操作提示的变体。

切换型或命令型控件保持按下语义的状态。

承担上下文中最重要任务的主要视觉变体。

减少装饰以融入内容背景的低干扰变体。

承担次要但仍重要任务的视觉变体。

适合紧凑空间和高密度任务的小尺寸变体。

低强调、补充性或内联操作的视觉变体。

触发操作、提交或导航的高优先级交互组件。

触发下载、复制或生成文件的明确操作组件。