图标按钮

Icon Button

UI 组件也叫：IconButton、纯图标按钮、圆形按钮、工具按钮

一句话：只显示一个图标、没有文字的按钮，用于关闭、更多、编辑、删除这类大家都认得的操作。

详细解释

图标按钮是按钮的一种，只保留图标、去掉文字，常见的有关闭（×）、更多（三个点）、编辑（铅笔）、删除（垃圾桶）、搜索（放大镜）。它很省空间，适合放在表格行尾、卡片右上角和工具栏里，一排排重复出现也不显得挤。

和普通按钮相比，它的含义全靠图标，所以只适合一看就懂的操作，含义不明显的操作还是要带文字。因为没有文字，必须加 aria-label 给读屏软件读，最好在鼠标悬停时用 文字提示 显示名称。它和只有图标的链接看起来可能一样，区别在于点了是跳页面还是执行动作。

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

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

在表格每一行的最右侧放两个图标按钮：铅笔图标表示编辑，垃圾桶图标表示删除。按钮 32×32px、无边框，悬停时出现浅灰底色并显示文字提示；每个按钮都加上 aria-label，点删除前先弹出二次确认。

由一个方形或圆形的可点击区域和居中的图标组成，通常搭配悬停时出现的文字提示。

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