按钮

Button

UI 组件也叫：Button、按键、CTA 按钮、操作按钮

一句话：点击后执行一个动作的可点击控件，比如提交表单、保存、删除、打开对话框。

详细解释

按钮用来触发「动作」：提交、保存、删除、打开对话框等。按醒目程度一般分几级：主按钮（实心填充色，一个区域通常只放一个）、次按钮（白底描边）、文字按钮（没有边框，最弱），还有表示删除等危险操作的危险按钮。每个按钮都要考虑默认、悬停、按下、禁用、加载中几种状态。

它和链接的区别是：按钮负责「做一件事」，链接负责「去一个地方」。点了会跳到另一个页面或网址的用链接，点了会改数据、弹出窗口的用按钮。只放一个图标、没有文字的按钮叫 图标按钮，适合空间小、含义人人都认识的操作。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

表单底部右对齐放两个按钮：「取消」用次按钮（白底灰边框），「保存」用主按钮（深色实心）放在最右侧。点击保存后按钮进入加载中状态并禁用，防止重复提交；必填项没填完时保存按钮保持禁用。

由可点击的容器和文字标签组成，文字前后可以加图标，加载时文字旁显示转圈图标。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。