COMPONENT 11 · Actions & Menus
按钮
Button
也叫Push ButtonCTA操作按钮NSButton
触发即时操作或提交任务的可点击控件。
A control that triggers an immediate action or submits a task.
ANATOMY & USAGE
结构与使用建议
组成部分
- 容器
- 文字标签
- 可选图标
适合使用
- 用户要立即执行保存、提交、创建等动作时。
不建议使用
- 目标是导航到另一个 URL 时，应使用链接。
键盘与无障碍
- 优先使用 button 元素，保留可见焦点，并以 disabled 属性表达不可用。
DESCRIBE IT TO AI
这样告诉编程助手
实现按钮（Button）：触发即时操作或提交任务的可点击控件。
MINIMAL RUNNABLE CODE
可复制代码
原生与 React 两套实现，不依赖第三方组件库。
READ ONLY · SAFE TO COPY
<div class="demo row">
<button type="button">保存更改</button>
<button type="button">更多选项</button>
</div>